<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./CSS/style.css">
<script src="./JS/steinSetzen.js"></script>
<script src="./JS/spielerWechsel.js"></script>
<script src="./JS/steineInSpalte.js"></script>
<title>Vier Gewinnt</title>
</head>
<body>
<h1>Vier Gewinnt</h1>
<p>Vier Gewinnt ist ein Spiel, indem Spieler abwechseld Steine in Felder legen, wer als erstes vier Steine nebeneinader, übereinander oder diagonal hat, hat gewonnen.</p>
<p>Spieler an Zug: <p id="aktuellerSpieler">1</p></p>
<table>
<tr>
<td id="1/6" onclick="setzeStein(1,6);"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="1/5" onclick="setzeStein(1,5);"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="1/4" onclick="setzeStein(1,4);"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="1/3" onclick="setzeStein(1,3);"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="1/2" onclick="setzeStein(1,2);"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="1/1" onclick="setzeStein(1,1);"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>