Il gioco non deve valutare il vincitore , ma permettere solamente l'introduzione dei simboli ( X e O) sulla scacchiera (3 x 3) in maniera corretta (i simboli vanno inseriti solo su celle vuote)
questo è il codice fatto , quando clicco il tasto sinistro mi dovrebbe apparire l'immagine "x" (e non va), mentre quando clicco il destro l'immagine "o" quest'ultimo funziona perchè?
codice html:
codice javascript:
questo è il codice fatto , quando clicco il tasto sinistro mi dovrebbe apparire l'immagine "x" (e non va), mentre quando clicco il destro l'immagine "o" quest'ultimo funziona perchè?
codice html:
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="EX16.js"></script>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 1</title>
<style type="text/css">
.style1 {
border-width: 0px;
}
.style2 {
border-style: solid;
border-width: 1px;
}
</style>
</head>
<body>
<table style="width: 50%; height: 108px;" class="style1">
<tr>
<td id="0.0" style="width: 100px; height: 100px" class="style2" onmousedown="segnaSimbolo(event,'0.0')"></td>
<td id="0.1" style="height: 100px; width: 100px" class="style2" onmousedown="segnaSimbolo(event,'0.1')"></td>
<td id="0.2" style="height: 100px; width: 100px" class="style2" onmousedown="segnaSimbolo(event,'0.2')"></td>
</tr>
<tr>
<td id="1.0" style="width: 100px; height: 100px;" H class="style2" onmousedown="segnaSimbolo(event,'1.0')"></td>
<td id="1.1" style="width: 100px; height: 100px;" class="style2" onmousedown="segnaSimbolo(event,'1.1')"></td>
<td id="1.2" style="width: 100px; height: 100px;" class="style2" onmousedown="segnaSimbolo(event,'1.2')"></td>
</tr>
<tr>
<td id="2.0" style="width: 100px; height: 99px;" class="style2" onmousedown="segnaSimbolo(event,'2.0')"></td>
<td id="2.1" style="width: 100px; height: 99px;" class="style2" onmousedown="segnaSimbolo(event,'2.1')"></td>
<td id="2.2" style="width: 100px; height: 99px;" class="style2" onmousedown="segnaSimbolo(event,'2.2')"></td>
</tr>
</table>
</body>
</html>
codice javascript:
Codice:
function segnaSimbolo(evento , id){
cella = document.getElementById(id);
imma = document.createElement("img");
switch (evento.button){
case 1:
imma.setAttribute("src","x.png");
imma.setAttribute("width","90px");
imma.setAttribute("height","90px");
cella.setAttribute("align","center");
cella.appendChild(imma);
cella.setAttribute("onmousedown" , "");
break;
case 2:
imma.setAttribute("src","o.jpg");
imma.setAttribute("width","90px");
imma.setAttribute("height","90px");
cella.setAttribute("align","center");
cella.appendChild(imma);
document.body.oncontextmenu=function(){return false;}
cella.setAttribute("onmousedown" , "");
break;
}
}