Untitled

<html>
<head>
<title>Kółko i krzyżyk</title>

<style>
.przycisk{
width: 100px;
height: 100px;
background-color: black;
color: red;
font-size: 70px;
}

</style>

<script>
	var krzyzyk=false;

function wstaw(nr)
{
	if(document.getElementById(nr).value=="")


{
	if(krzyzyk==false)
{
	document.getElementById(nr).value='X';
	krzyzyk=true;

}
else
{
	document.getElementById(nr).value='O';
	krzyzyk=false;
}
}

}

function sprawdz(a,b,c,znak)
{
	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))
	return true;
	else
	return false;
}

function sprawdzenie()
{
	if(sprawdz('button1','button2','button3','X')) alter("Wygrał X");
}
</script>

</head>

<body>

<div>
<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')">


</div>

</body>
</html>