3Dstudy/snake.html

62 lines
2.8 KiB
HTML
Raw Normal View History

2018-01-10 02:07:28 +01:00
<!DOCTYPE html>
<html>
2017-12-19 11:27:17 +01:00
2018-01-10 02:07:28 +01:00
<head>
<title> Snake Game </title>
<link rel="stylesheet" href="snake.css">
2017-12-19 11:27:17 +01:00
</head>
<body>
2018-01-10 02:07:28 +01:00
<div id="container">
2018-01-24 02:16:58 +01:00
<button id="add_question">Dodaj pytanie!</button>
2018-01-10 02:07:28 +01:00
<form id='popup_question'>
<input type="text" name="question" placeholder="Podaj pytanie"><br>
2018-01-24 11:28:31 +01:00
<input type="text" name="answer" placeholder="Podaj odpowiedz 1 (poprawna)"><br>
2018-01-24 02:16:58 +01:00
<input type="text" name="answer" placeholder="Podaj odpowiedz 2"><br>
<input type="text" name="answer" placeholder="Podaj odpowiedz 3"><br>
<input type="text" name="answer" placeholder="Podaj odpowiedz 4"><br>
2018-01-10 02:07:28 +01:00
<button id="send_question" type="submit">Wyslij</button>
2018-01-24 02:16:58 +01:00
<br>
<a id="clear_local_storage">Wyczyść bazę pytań</a>
2018-01-10 02:07:28 +01:00
</form>
2018-01-24 11:28:31 +01:00
2018-01-10 02:07:28 +01:00
<div id="popup">
2018-01-17 00:57:27 +01:00
<div id="form-popup">
<h2>Odpowiedz na pytanie!</h2>
2018-01-10 02:07:28 +01:00
<br>
2018-01-17 00:57:27 +01:00
<h3>Czy lubisz jablka?</h3>
2018-01-24 03:12:04 +01:00
<input class="no" class="popup-item" type="radio" value="option1" name="yes_no"><span class="text">odpowiedz1</span><br>
<input class="no" class="popup-item" type="radio" value="option2" name="yes_no"><span class="text">odpowiedz2</span><br>
<input class="no" class="popup-item" type="radio" value="option3" name="yes_no"><span class="text">odpowiedz3</span><br>
<input class="no" class="popup-item" type="radio" value="option4" name="yes_no"><span class="text">odpowiedz4</span><br>
2018-01-17 00:57:27 +01:00
<!-- <button id="accept" type="submit">DALEJ!</button> -->
<br><span id="correct">To jest dobra odpowiedz, mozesz grac dalej!</span><br>
<!-- <button id="continue_game">Ruszaj dalej!</button> -->
2018-01-24 02:16:58 +01:00
<span id="incorrect">To jest zla odpowiedz! Graj dalej!
2018-01-17 00:57:27 +01:00
Twoj wynik to: <span id="final"></span><br>
</span>
<br>
2018-01-24 11:28:31 +01:00
<button id="restart" href="#">Wysnij, aby kontynuowac</button>
<button id="try_again" href="#">Sprobuj jeszcze raz</button>
</div>
2018-01-10 02:07:28 +01:00
</div>
2018-01-10 13:06:49 +01:00
<canvas id="myCanvas" width="600" height="450">
2018-01-10 02:07:28 +01:00
Your browser does not support the canvas feature
</canvas>
<div id="score">
2018-01-24 02:16:58 +01:00
<div>Punkty:&nbsp;<span id="session">0</span></div>
2018-01-24 11:28:31 +01:00
<div>Zycia:&nbsp;<span id="lifes">4</span></div>
2018-01-10 02:07:28 +01:00
</div>
2018-01-24 11:28:31 +01:00
<button id="restart_game">Resetuj gre</button>
2018-01-10 02:07:28 +01:00
</div>
2018-01-17 00:57:27 +01:00
<!-- Json
<script src="js/pytania.json" type="text/javascript"></script> -->
2018-01-10 02:07:28 +01:00
<!-- jQuery -->
2018-01-17 00:57:27 +01:00
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script>
2018-01-10 02:07:28 +01:00
<!-- Main JS -->
<script src="js/snake.js"></script>
2017-12-19 11:27:17 +01:00
</body>
2018-01-10 02:07:28 +01:00
</html>