TRIS in javascript

vagabondo___

Nuovo Utente
2 Giu 2020
1
0
1
Devo fare un programma javascript che riproduca il gioco del tris. In pratica basterebbe creare una tabella e riempirla con immagini bianche e quando si clicca su una cella far si che cambi in una croce in un turno e in un cerchio il turno successivo, ma non so come fare. Ci ho provato e vi allego il codice, ma qualcosa non funziona e non saprei cosa. Sapete come aiutarmi?
Grazie mille a tutti quelli che risponderanno.

Codice:
<!Doctype html>
<html lang="it">
<head>
<meta charset="utf-8">
<title>TRIS OR TIC TAC TOE</title>


<script type="text/javascript">
var riga
var colonna
var x
var n
var turno
   var i
   var a=[3]
   for(i=0;i<3;i++)   
   a[i]=[3]

  function gioca() 
  {   
For (i=0; i<9; i++)
{
document.images[i].src="Immagini/vuota.jpg"
a[i]=-1
turno==true
}
  }


function cliccato(n)
  {   
riga=Math.floor((n)/3)
colonna=n%3
If (turno==true)
{
a[riga][colonna]=0
 a[n]=0
document.images[n].src="Immagini/o.jpg"
controlla(0)
}

else
{
a[riga][colonna]=1
a[n]=1
document.images[n].src="Immagini/x.png"
controlla(1)
}
turno=!turno     
 }


  function controlla(x)
{ 
    if ((a[0]==0)&&(a[1]==0)&&(a[2]==0))
{
    alert (“ha vinto il cerchio”)
}

 if ((a[3]==0)&&(a[4]==0)&&(a[5]==0))
{
    alert (“ha vinto il cerchio”)
}

 if ((a[6]==0)&&(a[7]==0)&&(a[8]==0))
{
    alert (“ha vinto il cerchio”)
}

 if ((a[0]==0)&&(a[3]==0)&&(a[6]==0))
{
    alert (“ha vinto il cerchio”)
}

 if ((a[1]==0)&&(a[4]==0)&&(a[7]==0))
{
    alert (“ha vinto il cerchio”)
}

 if ((a[2]==0)&&(a[5]==0)&&(a[8]==0))
{
    alert (“ha vinto il cerchio”)
}

 if ((a[0]==0)&&(a[4]==0)&&(a[8]==0))
{
    alert (“ha vinto il cerchio”)
}

 if ((a[2]==0)&&(a[4]==0)&&(a[6]==0))
{
    alert (“ha vinto il cerchio”)
}




 if ((a[0]==1)&&(a[1]==1)&&(a[2]==1))
{
    alert (“ha vinto la croce”)
}

 
 if ((a[3]==1)&&(a[4]==1)&&(a[4]==1))
{
    alert (“ha vinto la croce”)
}


 if ((a[6]==1)&&(a[7]==1)&&(a[8]==1))
{
    alert (“ha vinto la croce”)
}


 if ((a[0]==1)&&(a[3]==1)&&(a[6]==1))
{
    alert (“ha vinto la croce”)
}

 if ((a[1]==1)&&(a[4]==1)&&(a[7]==1))
{
    alert (“ha vinto la croce”)
}


 if ((a[2]==1)&&(a[5]==1)&&(a[8]==1))
{
    alert (“ha vinto la croce”)
}


 if ((a[2]==1)&&(a[4]==1)&&(a[8]==1))
{
    alert (“ha vinto la croce”)
}

 if ((a[2]==1)&&(a[4]==1)&&(a[6]==1))
{
    alert (“ha vinto la croce”)
}
 }   

</script>


</head>

<body>

<table BORDER=2>
<tbody>
     <tr>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(0)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(1)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(2)"></td>
     </tr>
<tr>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(3)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(4)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(5)"></td>
     </tr>
     <tr>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(6)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(7)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(8)"></td>
     </tr>
</tbody>
</table>
  <input type="button" value=“GIOCA” onclick=“gioca()”>


</body>
</html>
 

Tommy03

Utente Attivo
6 Giu 2018
614
58
28
18
Vicenza
Ora funziona (c'erano alcuni errori tipo If invece di if, For invece di for e poi apici sbagliati):
HTML:
<!Doctype html>
<html lang="it">
<head>
<meta charset="utf-8">
<title>TRIS OR TIC TAC TOE</title>
<style>
tr{height:30px;}
td{width:30px;}
</style>

<script type="text/javascript">
var riga
var colonna
var x
var n
var turno
   var i
   var a=[3]
   for(i=0;i<3;i++)  
   a[i]=[3]

  function gioca()
  {  
for(i=0; i<9; i++)
{
document.images[i].src="Immagini/vuota.jpg"
a[i]=-1
turno==true
}
  }


function cliccato(n)
  {  
riga=Math.floor((n)/3)
colonna=n%3
if(turno==true)
{
a[riga][colonna]=0
a[n]=0
document.images[n].src="Immagini/o.jpg"
controlla(0)
}

else
{
a[riga][colonna]=1
a[n]=1
document.images[n].src="Immagini/x.jpg"
controlla(1)
}
turno=!turno    
}


  function controlla(x)
{
    if ((a[0]==0)&&(a[1]==0)&&(a[2]==0))
{
    alert("ha vinto il cerchio")
}

if ((a[3]==0)&&(a[4]==0)&&(a[5]==0))
{
    alert ("ha vinto il cerchio")
}

if ((a[6]==0)&&(a[7]==0)&&(a[8]==0))
{
    alert ("ha vinto il cerchio")
}

if ((a[0]==0)&&(a[3]==0)&&(a[6]==0))
{
    alert ("ha vinto il cerchio")
}

if ((a[1]==0)&&(a[4]==0)&&(a[7]==0))
{
    alert ("ha vinto il cerchio")
}

if ((a[2]==0)&&(a[5]==0)&&(a[8]==0))
{
    alert ("ha vinto il cerchio")
}

if ((a[0]==0)&&(a[4]==0)&&(a[8]==0))
{
    alert ("ha vinto il cerchio")
}

if ((a[2]==0)&&(a[4]==0)&&(a[6]==0))
{
    alert ("ha vinto il cerchio")
}




if ((a[0]==1)&&(a[1]==1)&&(a[2]==1))
{
    alert ("ha vinto la croce")
}


if ((a[3]==1)&&(a[4]==1)&&(a[4]==1))
{
    alert ("ha vinto la croce")
}


if ((a[6]==1)&&(a[7]==1)&&(a[8]==1))
{
    alert ("ha vinto la croce")
}


if ((a[0]==1)&&(a[3]==1)&&(a[6]==1))
{
   alert ("ha vinto la croce")
}

if ((a[1]==1)&&(a[4]==1)&&(a[7]==1))
{
    alert ("ha vinto la croce")
}


if ((a[2]==1)&&(a[5]==1)&&(a[8]==1))
{
    alert ("ha vinto la croce")
}


if ((a[2]==1)&&(a[4]==1)&&(a[8]==1))
{
    alert ("ha vinto la croce")
}

if ((a[2]==1)&&(a[4]==1)&&(a[6]==1))
{
    alert ("ha vinto la croce")
}
}  

</script>


</head>

<body>

<table BORDER=2>
<tbody>
     <tr>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(0)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(1)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(2)"></td>
     </tr>
<tr>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(3)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(4)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(5)"></td>
     </tr>
     <tr>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(6)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(7)"></td>
     <td><img src="Immagini/vuota.jpg" onclick="cliccato(8)"></td>
     </tr>
</tbody>
</table>
  <input type="button" value="GIOCA" onclick="gioca()">


</body>
</html>
 
Discussioni simili
Autore Titolo Forum Risposte Data
Marcox360 Tris con HTML e JavaScript Javascript 0
A Realizzare il gioco del tris usando javascript, il dom e l'oggetto event-. Javascript 4
G gioco del tris con i vettori c++ C/C++ 1
A tris con codice js Javascript 1
M Aiuto! In C++! Programma! Tris Contro Il Pc C/C++ 0
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 4
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1

Discussioni simili