Salve a tutti, sto riscontrando un problema nell'esecuzione del giochino tris in js, praticamente non riesco a far uscire la vincita
<html>
<head>
<title>gioco del tris</title>
<script>
var conta=0;
function cliccato(num){
conta=conta+1;
var num_casella= "i"+num;
if (conta%2==0)
document.getElementById(num_casella).src="img/cerchio.jpg";
else
document.getElementById(num_casella).src="img/ics.jpg";
vittoria();
}
function vincita(){
var vincita=0;
var i=0;
var j=0;
for (i = 0; i <=2; i++) {
if(document.getElementById("i"+0+1+2).src="img/cerchio.jpg";
vincita=vincita+1;
}
If(vincita==1) alert("HAI VINTO!!!");
else alert("HAI PERSO!!!");
}
</script>
</head>
<body>
il primo giocatore è "X" se clicchi due volte appare "CERCHIO" <br><br>
<table BORDER=2>
<tbody>
<tr>
<td><img src="img/bianca.jpg" id="i0" onclick="cliccato(0)"></td>
<td><img src="img/bianca.jpg" id="i1" onclick="cliccato(1)"></td>
<td><img src="img/bianca.jpg" id="i2" onclick="cliccato(2)"></td>
</tr>
<tr>
<td><img src="img/bianca.jpg" id="i3" onclick="cliccato(3)"></td>
<td><img src="img/bianca.jpg" id="i4" onclick="cliccato(4)"></td>
<td><img src="img/bianca.jpg" id="i5" onclick="cliccato(5)"></td>
</tr>
<tr>
<td><img src="img/bianca.jpg" id="i6" onclick="cliccato(6)"></td>
<td><img src="img/bianca.jpg" id="i7" onclick="cliccato(7)"></td>
<td><img src="img/bianca.jpg" id="i8" onclick="cliccato(8)"></td>
</tr>
</tbody>
</table> <br>
<input type="reset">
</body>
</html>
qualcuno puo aiutarmi nel FOR?