mischien heb je wat aan mijn boter kaas en eieren opdracht
ik zal je een heele hoop lezen besparen om dit stuk gaat het ik heb de opdracht er bij gevoegd mocht er twijvel zijn
[js]
if (vak1!="" && vak2!="" && vak3!="" && vak4!="" && vak5!="" && vak6!="" && vak7!="" && vak8!="" && vak9!=""){
alert('gelijkspel')
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;[/js]
HTML:
<html>
<title>index</title>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script language='javascript' src='script.js'></script>
</head>
<body>
bij twijfel tel de kruisjes en rondjes en je weet wie aan de beurt is
<center>
<div id=wrapper>
<a href='#'onclick=klik('blok1')><div id=blok1></div></a>
<a href='#'onclick=klik('blok2')><div id=blok2></div></a>
<a href='#'onclick=klik('blok3')><div id=blok3></div></a>
</div>
<div id=wrapper2>
<a href='#'onclick=klik('blok4')><div id=blok4></div></a>
<a href='#'onclick=klik('blok5')><div id=blok5></div></a>
<a href='#'onclick=klik('blok6')><div id=blok6></div></a>
</div>
<div id=wrapper3>
<a href='#'onclick=klik('blok7')><div id=blok7></div></a>
<a href='#'onclick=klik('blok8')><div id=blok8></div></a>
<a href='#'onclick=klik('blok9')><div id=blok9></div></a>
</div>
</center>
</body>
</html>
dit is de CSS
HTML:
body { font-size:50px;
margin-top:100px;
margin-left:300px;
background-color:;
}
#wrapper { float:left;
}
#wrapper2 { float:left;
}
#wrapper3 { float:left;
}
#wrapper4 { float:left;
}
#wrapper5 { float:left;
}
#wrapper6 { float:left;
}
#blok1 { border: 1px solid black;
width:100px;
height:100px;
}
#blok2 { border: 1px solid black;
width:100px;
height:100px;
}
#blok3 { border: 1px solid black;
width:100px;
height:100px;
}
#blok4 { border: 1px solid black;
width:100px;
height:100px;
}
}
#blok5 { border: 1px solid black;
width:100px;
height:100px;
}
#blok6 { border: 1px solid black;
width:100px;
height:100px;
}
#blok7 { border: 1px solid black;
width:100px;
height:100px;
}
#blok8 { border: 1px solid black;
width:100px;
height:100px;
}
#blok9 { border: 1px solid black;
width:100px;
height:100px;
}
div{font-family:Arial; color:black; text-decoration:none;}
[JS]
var speler=1;
function klik (iddiv){
if (document.getElementById(iddiv).innerHTML==""){
if (speler==1){
document.getElementById(iddiv).innerHTML="x";
speler=2;
controle();
}
else {document.getElementById(iddiv).innerHTML="o";
speler=1;
controle();
}
}
else{
alert("Kies een ander hokje");
}
}
function controle(){
var vak1=document.getElementById('blok1').innerHTML;
var vak2=document.getElementById('blok2').innerHTML;
var vak3=document.getElementById('blok3').innerHTML;
var vak4=document.getElementById('blok4').innerHTML;
var vak5=document.getElementById('blok5').innerHTML;
var vak6=document.getElementById('blok6').innerHTML;
var vak7=document.getElementById('blok7').innerHTML;
var vak8=document.getElementById('blok8').innerHTML;
var vak9=document.getElementById('blok9').innerHTML;
if (vak1=="x" && vak2=="x" && vak3=="x"){
alert("speler1 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak4=="x" && vak5=="x" && vak6=="x"){
alert("speler1 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak7=="x" && vak8=="x" && vak9=="x"){
alert("speler1 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak1=="x" && vak5=="x" && vak9=="x"){
alert("speler1 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak3=="x" && vak5=="x" && vak7=="x"){
alert("speler1 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak2=="x" && vak5=="x" && vak8=="x"){
alert("speler1 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak3=="x" && vak6=="x" && vak9=="x"){
alert("speler1 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak1=="x" && vak4=="x" && vak7=="x"){
alert("speler1 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak1=="o" && vak2=="o" && vak3=="o"){
alert("speler2 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak4=="o" && vak5=="o" && vak6=="o"){
alert("speler2 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak7=="o" && vak8=="o" && vak9=="o"){
alert("speler2 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak1=="o" && vak5=="o" && vak9=="o"){
alert("speler2 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak3=="o" && vak5=="o" && vak7=="o"){
alert("speler2 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak2=="o" && vak5=="o" && vak8=="o"){
alert("speler2 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak3=="o" && vak6=="o" && vak9=="o"){
alert("speler2 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak1=="o" && vak4=="o" && vak7=="o"){
alert("speler2 heeft gewonnen")
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
if (vak1!="" && vak2!="" && vak3!="" && vak4!="" && vak5!="" && vak6!="" && vak7!="" && vak8!="" && vak9!=""){
alert('gelijkspel')
document.getElementById('blok1').innerHTML="";
document.getElementById('blok2').innerHTML="";
document.getElementById('blok3').innerHTML="";
document.getElementById('blok4').innerHTML="";
document.getElementById('blok5').innerHTML="";
document.getElementById('blok6').innerHTML="";
document.getElementById('blok7').innerHTML="";
document.getElementById('blok8').innerHTML="";
document.getElementById('blok9').innerHTML="";;
}
}
[/JS]