53 lines
2.0 KiB
HTML
53 lines
2.0 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">AddQuestion</button>
|
|
<form id='popup_question'>
|
|
<input type="text" name="question" placeholder="Podaj pytanie"><br>
|
|
<input type="text" name="answer1" placeholder="Podaj odpowiedz 1"><br>
|
|
<input type="text" name="answer2" placeholder="Podaj odpowiedz 2"><br>
|
|
<input type="text" name="answer3" placeholder="Podaj odpowiedz 3"><br>
|
|
<input type="text" name="answer4" placeholder="Podaj odpowiedz 4"><br>
|
|
<button id="send_question" type="submit">Wyslij</button>
|
|
</form>
|
|
<div id="popup">
|
|
Odpowiedz na pytanie!
|
|
<br>
|
|
<p>Czy lubisz jablka?</p>
|
|
<input class="yes" type="radio" value="option1" name="yes_no">odpowiedz1<br>
|
|
<input class="no" type="radio" value="option2" name="yes_no">odpowiedz2<br>
|
|
<a type="submit" value="submit">
|
|
<span id="correct">To jest dobra odpowiedz,<br> mozesz grac dalej!</span><br>
|
|
<!-- <button id="continue_game">Ruszaj dalej!</button> -->
|
|
<div id="incorrect">To jest zla odpowiedz!Przegrales!<br>
|
|
Twoj wynik to: <span id="final"></span>
|
|
</div>
|
|
|
|
<br>
|
|
<a id="#restart" onClick="window.location.reload()" href="#">Click To Play Again</a>
|
|
</div>
|
|
<canvas id="myCanvas" width="600" height="450">
|
|
Your browser does not support the canvas feature
|
|
</canvas>
|
|
<div id="score">
|
|
<div>Session Score:<span id="session">0</span>/<span id="question_couter">0</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jQuery -->
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
|
|
<!-- Main JS -->
|
|
<script src="js/snake.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|