Untitled

<html>
<head>
<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,w;

		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')) alert ("Wygrał X");
		if (sprawdz('button4','button5','button6','X')) alert ("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')"><br>
	</div>
	</body>
	</html>