sorry voor mijn eerdere vraag. ik zal de hele code upoaden!
Als ik deze quiz doe dan komt er bij score 3 uit. heeft iemand een idee wat ik zou kunnen veranderen?
JS:
// Javascript
var zichtbareDia = 0;
function controleerAntwoorden() {
var score = 0;
for (var i = 1; i <= 3; i++) {
if (document.quiz["vraag"+i].value === "goed") {
score = score + 1;
}
}
return score;
}
function gaNaarVolgende() {
var alleDias = document.getElementsByClassName("dia");
zichtbareDia++;
if (zichtbareDia == alleDias.length - 1) {
document.getElementById("score").textContent = controleerAntwoorden();
document.getElementById("volgende").value = "Opnieuw";
} else {
document.getElementById("volgende").value = "Volgende";
if (zichtbareDia >= alleDias.length) {
zichtbareDia = 0;
}
}
for (var i = 0; i < alleDias.length; ++i) {
if (i === zichtbareDia) {
alleDias[i].classList.remove("disabled");
} else {
alleDias[i].classList.add("disabled");
}
}
}
function init() {
document.getElementById("volgende").addEventListener("click", gaNaarVolgende);
}
window.addEventListener("load", init);
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test2.css">
<script src="test2.js"></script>
</head>
<body>
<form name="quiz">
<div id="container">
<div class="dia">
<h1>Welkom bij de quiz</h1>
</div>
<div class="dia">
Hoe oud is barry?<br>
<input type="radio" name="vraag1" value="goed">
19<br>
<input type="radio" name="vraag1">17<br>
<input type="radio" name="vraag1">18<br>
<input type="radio" name="vraag1">20<br>
</div>
<div class="dia">
Hoe oud is barry?<br>
<input type="radio" name="vraag1" value="goed">
19<br>
<input type="radio" name="vraag1">17<br>
<input type="radio" name="vraag1">18<br>
<input type="radio" name="vraag1">20<br>
</div>
<div class="dia">
Hoe oud is barry?<br>
<input type="radio" name="vraag1" value="goed">
19<br>
<input type="radio" name="vraag1">17<br>
<input type="radio" name="vraag1">18<br>
<input type="radio" name="vraag1">20<br>
</div>
<div class="dia">
Hoe oud is barry?<br>
<input type="radio" name="vraag1" value="goed">
19<br>
<input type="radio" name="vraag1">17<br>
<input type="radio" name="vraag1">18<br>
<input type="radio" name="vraag1">20<br>
</div>
<div class="dia">
Wat is de hoofstad van Nederland?<br>
<input type="radio" name="vraag1" value="goed">Amsterdam<br>
<input type="radio" name="vraag1">Rotterdam<br>
<input type="radio" name="vraag1">Den Haag<br>
<input type="radio" name="vraag1">Utrecht<br>
<input type="radio" name="vraag1">Groningen<br>
</div>
<div class="dia">
Wat is de goedkoopste winkel?<br>
<input type="radio" name="vraag2" value="goed">Sowieso Jumbo<br>
<input type="radio" name="vraag2">De Spar nie<br>
<input type="radio" name="vraag2">Aldi<br>
<input type="radio" name="vraag2">Albert Heijn<br>
<input type="radio" name="vraag2">Plus<br>
</div>
<div class="dia">
......?<br>
<input type="radio" name="vraag3">Bart<br>
<input type="radio" name="vraag3">Harry<br>
<input type="radio" name="vraag3">Maurits<br>
<input type="radio" name="vraag3" value="goed">Willem<br>
<input type="radio" name="vraag3">Jord<br>
</div>
<div class="dia">
<h1>Einde quiz</h1>
Je score is <span id="score"></span>.
</div>
</div>
</form>
<input type="button" id="volgende" value="Volgende">
</body>
</html>
Als ik deze quiz doe dan komt er bij score 3 uit. heeft iemand een idee wat ik zou kunnen veranderen?
JS:
// Javascript
var zichtbareDia = 0;
function controleerAntwoorden() {
var score = 0;
for (var i = 1; i <= 3; i++) {
if (document.quiz["vraag"+i].value === "goed") {
score = score + 1;
}
}
return score;
}
function gaNaarVolgende() {
var alleDias = document.getElementsByClassName("dia");
zichtbareDia++;
if (zichtbareDia == alleDias.length - 1) {
document.getElementById("score").textContent = controleerAntwoorden();
document.getElementById("volgende").value = "Opnieuw";
} else {
document.getElementById("volgende").value = "Volgende";
if (zichtbareDia >= alleDias.length) {
zichtbareDia = 0;
}
}
for (var i = 0; i < alleDias.length; ++i) {
if (i === zichtbareDia) {
alleDias[i].classList.remove("disabled");
} else {
alleDias[i].classList.add("disabled");
}
}
}
function init() {
document.getElementById("volgende").addEventListener("click", gaNaarVolgende);
}
window.addEventListener("load", init);
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test2.css">
<script src="test2.js"></script>
</head>
<body>
<form name="quiz">
<div id="container">
<div class="dia">
<h1>Welkom bij de quiz</h1>
</div>
<div class="dia">
Hoe oud is barry?<br>
<input type="radio" name="vraag1" value="goed">
19<br>
<input type="radio" name="vraag1">17<br>
<input type="radio" name="vraag1">18<br>
<input type="radio" name="vraag1">20<br>
</div>
<div class="dia">
Hoe oud is barry?<br>
<input type="radio" name="vraag1" value="goed">
19<br>
<input type="radio" name="vraag1">17<br>
<input type="radio" name="vraag1">18<br>
<input type="radio" name="vraag1">20<br>
</div>
<div class="dia">
Hoe oud is barry?<br>
<input type="radio" name="vraag1" value="goed">
19<br>
<input type="radio" name="vraag1">17<br>
<input type="radio" name="vraag1">18<br>
<input type="radio" name="vraag1">20<br>
</div>
<div class="dia">
Hoe oud is barry?<br>
<input type="radio" name="vraag1" value="goed">
19<br>
<input type="radio" name="vraag1">17<br>
<input type="radio" name="vraag1">18<br>
<input type="radio" name="vraag1">20<br>
</div>
<div class="dia">
Wat is de hoofstad van Nederland?<br>
<input type="radio" name="vraag1" value="goed">Amsterdam<br>
<input type="radio" name="vraag1">Rotterdam<br>
<input type="radio" name="vraag1">Den Haag<br>
<input type="radio" name="vraag1">Utrecht<br>
<input type="radio" name="vraag1">Groningen<br>
</div>
<div class="dia">
Wat is de goedkoopste winkel?<br>
<input type="radio" name="vraag2" value="goed">Sowieso Jumbo<br>
<input type="radio" name="vraag2">De Spar nie<br>
<input type="radio" name="vraag2">Aldi<br>
<input type="radio" name="vraag2">Albert Heijn<br>
<input type="radio" name="vraag2">Plus<br>
</div>
<div class="dia">
......?<br>
<input type="radio" name="vraag3">Bart<br>
<input type="radio" name="vraag3">Harry<br>
<input type="radio" name="vraag3">Maurits<br>
<input type="radio" name="vraag3" value="goed">Willem<br>
<input type="radio" name="vraag3">Jord<br>
</div>
<div class="dia">
<h1>Einde quiz</h1>
Je score is <span id="score"></span>.
</div>
</div>
</form>
<input type="button" id="volgende" value="Volgende">
</body>
</html>