62 lines
2.8 KiB
HTML
62 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title> Snake Game </title>
|
|
<link rel="stylesheet" href="snake.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="container">
|
|
<button id="add_question">Dodaj pytanie!</button>
|
|
<form id='popup_question'>
|
|
<input type="text" name="question" placeholder="Podaj pytanie"><br>
|
|
<input type="text" name="answer" placeholder="Podaj odpowiedz 1 (poprawną)"><br>
|
|
<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>
|
|
<button id="send_question" type="submit">Wyslij</button>
|
|
<br>
|
|
<a id="clear_local_storage">Wyczyść bazę pytań</a>
|
|
</form>
|
|
|
|
<div id="popup">
|
|
<div id="form-popup">
|
|
<h2>Odpowiedz na pytanie!</h2>
|
|
<br>
|
|
<h3>Czy lubisz jablka?</h3>
|
|
<input class="no" class="popup-item" type="radio" value="option1" name="yes_no"><span id="yes">odpowiedz1</span><br>
|
|
<input class="no" class="popup-item" type="radio" value="option2" name="yes_no"><span id="no_one">odpowiedz2</span><br>
|
|
<input class="no" class="popup-item" type="radio" value="option3" name="yes_no"><span id="no_two">odpowiedz3</span><br>
|
|
<input class="no" class="popup-item" type="radio" value="option4" name="yes_no"><span id="no_three">odpowiedz4</span><br>
|
|
<!-- <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> -->
|
|
<span id="incorrect">To jest zla odpowiedz! Graj dalej!
|
|
Twoj wynik to: <span id="final"></span><br>
|
|
</span>
|
|
<br>
|
|
<button id="restart" href="#">Wyśnij, aby kontynuować</button>
|
|
<button id="try_again" href="#">Spróbuj jeszcze raz</button>
|
|
</div>
|
|
</div>
|
|
<canvas id="myCanvas" width="600" height="450">
|
|
Your browser does not support the canvas feature
|
|
</canvas>
|
|
<div id="score">
|
|
<div>Punkty: <span id="session">0</span></div>
|
|
<div>Życia: <span id="lifes">4</span></div>
|
|
</div>
|
|
<button id="restart_game">Resetuj grę</button>
|
|
</div>
|
|
<!-- Json
|
|
<script src="js/pytania.json" type="text/javascript"></script> -->
|
|
<!-- jQuery -->
|
|
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script>
|
|
<!-- Main JS -->
|
|
<script src="js/snake.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|