Voor een opdracht heb ik een stukje code geschreven. Ik mag alleen geen onclick in html zetten maar het moet in javascript.
Daarnaast zit er een syntaxfout op regel 43, 45 en 47. Ik kom er echt niet uit. Wie o wie kan mij helpen??
Javascript:
[js]
// bronnen: https://github.com/CMDA/programmeren
// http://nl.wikipedia.org/wiki/Array
// http://www.codecademy.com/courses/
// Hulp van Rayen en Zekkie
confirm(" Dit spel kun je met maximaal 3 mensen spelen.")
// Dit is een object en wordt gebruikt bij regel 22
var persoon = {
naam: ""
}
// In deze array worden de ingevulde personen opgeslagen
var personen = new Array();
var submitCount = 0;
// Hier wordt door middel van document.getElementById een naam opgehaald
var haalPersoonOp = function(){
if(submitCount < 3){
submitCount++;
var name = form1.persoon.value;
personen.push(persoon.naam = name);
resetForm();
formValideren(name);
}else if(submitCount == 3){
document.getElementById("form1").style.display = "none";
wieMagDouchen();
}
}
// Hier wordt de gebruiker gedwongen om een naam in te voeren met meer dan 2 letters anders komt er een melding dat de naam opnieuw moet worden getypt
var formValideren = function(input){
if(input.length < 3){
alert("Typ je naam opnieuw");
}else{
document.getElementById("persoon").innerHTML = input;
}
}
// Door middel van math.floor wordt er een persoon gekozen die mag douchen en zal het resultaat worden getoond
var wieMagDouchen = function(){
var getal = Math.floor(Math.random() * 3 );
if(getal == 0){
document.getElementById("persoon").innerHTML = personen[0] + " mag douchen";
} else if(getal == 1){
document.getElementById("persoon").innerHTML = personen[1] + " mag douchen";
} else {
document.getElementById("persoon").innerHTML = personen[2] + " mag douchen";
}
}
// Hier door wordt het input veld leeg gemaakt
var resetForm = function(){
form1.persoon.value = "";
}
[/js]
HTML:
Daarnaast zit er een syntaxfout op regel 43, 45 en 47. Ik kom er echt niet uit. Wie o wie kan mij helpen??
Javascript:
[js]
// bronnen: https://github.com/CMDA/programmeren
// http://nl.wikipedia.org/wiki/Array
// http://www.codecademy.com/courses/
// Hulp van Rayen en Zekkie
confirm(" Dit spel kun je met maximaal 3 mensen spelen.")
// Dit is een object en wordt gebruikt bij regel 22
var persoon = {
naam: ""
}
// In deze array worden de ingevulde personen opgeslagen
var personen = new Array();
var submitCount = 0;
// Hier wordt door middel van document.getElementById een naam opgehaald
var haalPersoonOp = function(){
if(submitCount < 3){
submitCount++;
var name = form1.persoon.value;
personen.push(persoon.naam = name);
resetForm();
formValideren(name);
}else if(submitCount == 3){
document.getElementById("form1").style.display = "none";
wieMagDouchen();
}
}
// Hier wordt de gebruiker gedwongen om een naam in te voeren met meer dan 2 letters anders komt er een melding dat de naam opnieuw moet worden getypt
var formValideren = function(input){
if(input.length < 3){
alert("Typ je naam opnieuw");
}else{
document.getElementById("persoon").innerHTML = input;
}
}
// Door middel van math.floor wordt er een persoon gekozen die mag douchen en zal het resultaat worden getoond
var wieMagDouchen = function(){
var getal = Math.floor(Math.random() * 3 );
if(getal == 0){
document.getElementById("persoon").innerHTML = personen[0] + " mag douchen";
} else if(getal == 1){
document.getElementById("persoon").innerHTML = personen[1] + " mag douchen";
} else {
document.getElementById("persoon").innerHTML = personen[2] + " mag douchen";
}
}
// Hier door wordt het input veld leeg gemaakt
var resetForm = function(){
form1.persoon.value = "";
}
[/js]
HTML:
HTML:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Wie mag als eerst douchen?</title>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
<script src="skeleton.js"></script>
</head>
<body>
<div id="persoon">Voer de namen van de spelers in:</div>
<form id="form1" name="form1">
<input type="text" name="persoon" />
<input type="button" value="Verzend" onclick="haalPersoonOp()" />
</form>
</body>
</html>
Laatst bewerkt door een moderator:
