begin JS implementation
This commit is contained in:
parent
47e6584767
commit
772a0a9625
20
index.html
20
index.html
|
@ -3,23 +3,25 @@
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
<link href="quiz.css" rel="stylesheet" type="text/css">
|
<link href="quiz.css" rel="stylesheet" type="text/css">
|
||||||
|
<script type="text/javascript" src="jquery-1.4.2.js" defer></script>
|
||||||
|
<script type="text/javascript" src="quiz.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="setup" style="display: none">
|
<div id="setup">
|
||||||
<h1>Datenspuren-<br>Quiz</h1>
|
<h1>Datenspuren-<br>Quiz</h1>
|
||||||
|
|
||||||
<form>
|
<form>
|
||||||
<label for="player1">Kandidat 1:</label><input id="player1"><br>
|
<label for="playername0">Kandidat 1:</label><input id="playername0"><br>
|
||||||
<label for="player2">Kandidat 2:</label><input id="player2"><br>
|
<label for="playername1">Kandidat 2:</label><input id="playername1"><br>
|
||||||
<label for="player3">Kandidat 3:</label><input id="player3"><br>
|
<label for="playername2">Kandidat 3:</label><input id="playername2"><br>
|
||||||
<label for="player4">Kandidat 4:</label><input id="player4"><br>
|
<label for="playername3">Kandidat 4:</label><input id="playername3"><br>
|
||||||
<label for="player5">Kandidat 5:</label><input id="player5"><br>
|
<label for="playername4">Kandidat 5:</label><input id="playername4"><br>
|
||||||
<input type="submit" value="▶">
|
<input id="start" type="submit" value="▶">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="game" style="display: none">
|
<div id="game">
|
||||||
<ul id="players">
|
<ul id="players">
|
||||||
<li><span class="name">Fnord</span><span class="score">£ 35,000</span></li>
|
<li><span class="name">Fnord</span><span class="score">£ 35,000</span></li>
|
||||||
<li><span class="name">Eris</span><span class="score">£ 5,000</span></li>
|
<li><span class="name">Eris</span><span class="score">£ 5,000</span></li>
|
||||||
|
@ -43,7 +45,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="scoreboard" style="display: block">
|
<div id="scoreboard">
|
||||||
<ul id="tiers">
|
<ul id="tiers">
|
||||||
<li>£ 1,000</li>
|
<li>£ 1,000</li>
|
||||||
<li>£ 2,000</li>
|
<li>£ 2,000</li>
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,20 @@
|
||||||
|
$(window).bind('load', function() {
|
||||||
|
$('#game').hide();
|
||||||
|
$('#scoreboard').hide();
|
||||||
|
|
||||||
|
$('#setup').show();
|
||||||
|
$('#start').bind('click', startQuiz);
|
||||||
|
});
|
||||||
|
|
||||||
|
var playerNames = [];
|
||||||
|
|
||||||
|
function startQuiz() {
|
||||||
|
var i;
|
||||||
|
console.log('startQuiz');
|
||||||
|
for(i = 0; i < 5; i++)
|
||||||
|
playerNames[i] = $('#playername' + i).val();
|
||||||
|
|
||||||
|
console.log(JSON.stringify(playerNames));
|
||||||
|
|
||||||
|
return false; // don't submit <form>
|
||||||
|
}
|
Loading…
Reference in New Issue