modes de jeux par points + page de score

inclusion-bdd
adplantade 5 years ago
parent 6d37153da9
commit b0fdee0319

@ -23,13 +23,15 @@ function chrono(){
else if(msec < 100){
msec = "0" +msec
}
document.getElementById("chronotime").innerHTML = hr + ":" + min + ":" + sec + ":" + msec
document.getElementById("chronotime").innerHTML = hr + ":" + min + ":" + sec
timerID = setTimeout("chrono()", 10)
}
function chronoStart(){
/*
document.chronoForm.startstop.value = "stop!"
document.chronoForm.startstop.onclick = chronoStop
document.chronoForm.reset.onclick = chronoReset
document.chronoForm.reset.onclick = chronoReset
*/
start = new Date()
chrono()
}
@ -42,16 +44,18 @@ function chronoContinue(){
chrono()
}
function chronoReset(){
document.getElementById("chronotime").innerHTML = "0:00:00:000"
document.getElementById("chronotime").innerHTML = "0:00:00"
start = new Date()
}
function chronoStopReset(){
document.getElementById("chronotime").innerHTML = "0:00:00:000"
document.getElementById("chronotime").innerHTML = "0:00:00"
document.chronoForm.startstop.onclick = chronoStart
}
function chronoStop(){
/*
document.chronoForm.startstop.value = "start!"
document.chronoForm.startstop.onclick = chronoContinue
document.chronoForm.reset.onclick = chronoStopReset
document.chronoForm.reset.onclick = chronoStopReset
*/
clearTimeout(timerID)
}

@ -10,19 +10,15 @@
<ul class="stats">
<p id="temps"></p>
<span id="chronotime" class="stats">0:00:00:00</span>
<form name="chronoForm">
<input type="button" name="startstop" value="start!" onClick="chronoStart()" />
<input type="button" name="reset" value="reset!" onClick="chronoReset()" />
</form>
<span id="chronotime" class="stats">0:00:00</span>
<p id="stats" class="stats"></p>
</ul>
<ul id="obj-container" class="obj-container">
<h1>Objectif</h1>
<ul id="obj-container" class="vitraux">
<canvas id="canvasObj" class="vitrail-plein"></canvas>
<h1>R&eacute;sultat</h1>
<h1>Objectif</h1>
<canvas id="canvasTotal" class="vitrail-plein"></canvas>
<h1>R&eacute;sultat</h1>
</ul>
<ul id="vitraux" class="vitraux">
<canvas id="canvas1" class="vitrail-plein"></canvas>
@ -34,7 +30,9 @@
<canvas id="canvas4" class="vitrail-plein"></canvas>
</ul>
<ul id="canvasR" class="flex-container">
<h1>R&eacute;serve</h1>
<div id="reserveText">
<h1>R&eacute;serve</h1>
</div>
<canvas id="canvasR1" class="vitrail-vide"></canvas>
<canvas id="canvasR2" class="vitrail-vide"></canvas>
<canvas id="canvasR3" class="vitrail-vide"></canvas>
@ -43,9 +41,9 @@
</ul>
</ul>
<script src="selecteur.js"></script>
<script src="chrono.js"></script>
<script src="vitraux.js"></script>
<script src="selecteur.js"></script>
</body>
</html>

@ -4,8 +4,19 @@
</head>
<body>
<form action="./game.html" method="GET">
<input type="radio" id="no-res" name="mode" value="no-res">
<input type="radio" id="no-res" name="diff" value="no-res">
<label for="no-res">Sans r&eacute;serve</label><br>
<input type="radio" id="5pts" name="mode" value="5">
<label for="5pts">5 points</label><br>
<input type="radio" id="10pts" name="mode" value="10">
<label for="5pts">10 points</label><br>
<input type="radio" id="15pts" name="mode" value="15">
<label for="5pts">15 points</label><br>
<input type="radio" id="20pts" name="mode" value="20">
<label for="5pts">20 points</label><br>
<div class="button">
<button type="submit">JOUER !</button>
</div>

@ -0,0 +1,13 @@
<html>
<head>
</head>
<body>
<script src="selecteur.js"></script>
Votre score est : <h1 id="points"></h1>
<script>
document.getElementById("points").innerHTML = get['pts'];
</script>
</body>
</html>

@ -15,7 +15,9 @@ function $_GET(param) {
var get=$_GET();
if(get['mode']=="no-res")
if(get['diff']=="no-res")
{
document.getElementById("canvasR").style.display="none";
}
document.getElementById("reserveText").style.display="none";
}
objPts=get['mode'];

@ -402,12 +402,22 @@ var canvasT = document.getElementById('canvasTotal');
{
var audio = new Audio('ress/Jewel4.mp3');
audio.play();
points++;
document.getElementById("stats").innerHTML = points+" points";
chronoStop();
handleScore(1);
generateEasy();
}
}
function handleScore(modif)
{
points+=modif;
document.getElementById("stats").innerHTML = points+" points";
if(points==objPts)
{
chronoStop();
window.location.replace("./score.html?pts="+document.getElementById("chronotime").innerHTML);
}
}
function changeOrder(from, to)
{
@ -514,4 +524,5 @@ var canvasT = document.getElementById('canvasTotal');
events();
generateEasy();
generateEasy();
chronoStart();
Loading…
Cancel
Save