<html>
<head>
<title>Kółko Krzyżyk</title>
<style>
.przycisk {
width:100px;
height:100px;
background-color:black;
border-color:red;
color:white;
font-size:80px;
}
</style>
<script>
var kolko, remis;
kolko=false;
krzyzyk=true;
remis=true;
function zablokuj()
{
for(let i=1;i<10;i++)
{
document.getElementById('button'+i).disabled=true;
}
}
function odblokuj()
{
for(let i=1;i<10;i++)
{
document.getElementById('button'+i).disabled=false;
}
}
function sprawdz(a,b,c,znak) //sprawdz ('button1', 'button2', 'button3', 'O')
{
let x,y,z;
x=document.getElementById(a).value;
y=document.getElementById(b).value;
z=document.getElementById(c).value;
if( (x==y) && (y==z) && (z==znak) )
{
remis=false;
zablokuj();
alert("Wygral "+znak);
}
if(document.getElementById('button1').value!="")
if(document.getElementById('button2').value!="")
if(document.getElementById('button3').value!="")
if(document.getElementById('button4').value!="")
if(document.getElementById('button5').value!="")
if(document.getElementById('button6').value!="")
if(document.getElementById('button7').value!="")
if(document.getElementById('button8').value!="")
if(document.getElementById('button9').value!="")
if(remis==true)
alert("R-E-M-I-S");
}
function wstaw(gracz)
{
if(document.getElementById(gracz).value=="")
{
if(krzyzyk==true )
{
document.getElementById(gracz).value="X";
krzyzyk=false;
komputer();
}
}
function komputer()
{
if(document.getElementById('button5').value=="X")
{
document.getElementById('button2').value="O";
}
krzyzyk=true;
}
//wiersze dla kolka
sprawdz('button1','button2','button3','O');
sprawdz('button4','button5','button6','O');
sprawdz('button7','button8','button9','O');
//kolumny dla kolka
sprawdz('button1','button4','button7','O');
sprawdz('button2','button5','button8','O');
sprawdz('button3','button6','button9','O');
//na ukos dla kolka
sprawdz('button1','button5','button9','O');
sprawdz('button3','button5','button7','O');
//wiersze dla krzyzyka
sprawdz('button1','button2','button3','X');
sprawdz('button4','button5','button6','X');
sprawdz('button7','button8','button9','X');
//kolumny dla krzyzyka
sprawdz('button1','button4','button7','X');
sprawdz('button2','button5','button8','X');
sprawdz('button3','button6','button9','X');
//na ukos dla krzyzyka
sprawdz('button1','button5','button9','X');
sprawdz('button3','button5','button7','X');
}
</script>
</head>
<body>
<input class="przycisk" type="button" id="button1" onClick="wstaw('button1')">
<input class="przycisk" type="button" id="button2" onClick="wstaw('button2')">
<input class="przycisk" type="button" id="button3" onClick="wstaw('button3')">
<br>
<input class="przycisk" type="button" id="button4" onClick="wstaw('button4')">
<input class="przycisk" type="button" id="button5" onClick="wstaw('button5')">
<input class="przycisk" type="button" id="button6" onClick="wstaw('button6')">
<br>
<input class="przycisk" type="button" id="button7" onClick="wstaw('button7')">
<input class="przycisk" type="button" id="button8" onClick="wstaw('button8')">
<input class="przycisk" type="button" id="button9" onClick="wstaw('button9')">
</body>
</html>
Dzien dobry mam pytanie jak moge zablokowac dane pola po zajeciu ich juz przez znak"X" lub "O" .Myslalem nad daniem wielu ifow i jezeli na buttonie 1 pojawi sie X to na buttonie 4 pojawi sie O ale to nie dziala poniewaz jesli postawie na odwrot i postawie na buttonie4 X i tak samo na buttonie 1 wstawie X to kółko pojawi sie w buttonie 4 i zamieni z X na O .Moze jest jakis łatwiejszy sposob aby to zrobic?