Ciao a tutti sono alle primissime armi e ho qualche ( TANTISSIMI ) problemi.
Oggi ho tentato di realizzare il banale giochino del tris purtroppo alcune cose non funzionano come dovrebbero.
Cambiando il nome agli id della tabella non mi spunta piu la casella e non capisco il motivo (es cella11)
Come posso far apparire un alert quando tento di sovrascrivere una " X "ad un " O " o viceversa ?
Grazie in anticipo abbiate pazienza ma javascript mi sta facendo impazzire !!! non c è un programma o qualcosa che mi indichi gli errori o le incomprensioni da me scritte ?
P.S perdonate gli orrori sopratutto per quanto riguarda lo stile della pagina ma avevo intenzione di concentrarmi su altro
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Tris </title> <script type="text/javascript"> giocatore1 = true; giocatore2 = false; function cambiog(){ if(giocatore1){ giocatore1 = false; giocatore2 = true; } else{ giocatore1 = true; giocatore2 = false; } } function spunta(ident){ segno = "X"; if (giocatore1) { document.getElementById(ident).style.color = "#000033"; segno = "X"; } else{ document.getElementById(ident).style.color = "#FF0000"; segno = "O"; } document.getElementById(ident).innerHTML = segno; } function pulisci(){ document.location.reload(); } </script> </head> <body> <h1 align="center">TRIS</h1> <div style="font-size:60px;"align="center"> <input type="button" value="Cambio Giocatore" onclick="cambiog()"/> <input type="button" value="Nuova Partita" onclick="pulisci()"/> <table name="quadro" border="5px" bordercolor="#1F1F1F" bgcolor="#9E9E9E" width="300px" height="300px" title="TRIS"> <tr> <td id="cella11" onclick="spunta(cella11)" width="80px" height="80px" style="text-align:center;"></td> <td id="1" onclick="spunta(1)" width="80px" height="80px" style="text-align:center;"></td> <td id="2" onclick="spunta(2)" width="80px" height="80px" style="text-align:center;"></td> </tr> <tr> <td id="3" onclick="spunta(3)" width="80px" height="80px" style="text-align:center;"></td> <td id="4" onclick="spunta(4)" width="80px" height="80px" style="text-align:center;"></td> <td id="5" onclick="spunta(5)" width="80px" height="80px" style="text-align:center;"></td> </tr> <tr> <td id="6" onclick="spunta(6)" width="80px" height="80px" style="text-align:center;"></td> <td id="7" onclick="spunta(7)" width="80px" height="80px" style="text-align:center;"></td> <td id="8" onclick="spunta(8)" width="80px" height="80px" style="text-align:center;"></td> </tr> </table> </div> </body> </html>
Rispondi quotando
