<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/diceHandling.js"></script>
<script type= "text/javascript" src="js/boardHandling.js"></script>
<script type= "text/javascript" src="js/Bridge.js"></script>
<script type= "text/javascript" src="js/playerHandling.js"></script>
<title>Document</title>
</head>
<header>
<h1>Schlangen und Leitern</h1>
</header>
<body>
<div class = playerSelect>
<input type="button" class = "playerButton" id="2Player" onclick="init(2)" value="2 Spieler"></input>
<input type="button" class = "playerButton" id="3Player" onclick="init(3)" value ="3 Spieler"></input>
<input type="button" class = "playerButton" id="4Player" onclick="init(4)" value = "4 Spieler"></input>
</div>
<div calss = container id="playArea" >
<div id="leftSide">
<canvas id= "canvas"></canvas>
<table id = "board"></table>
</div>
<div id = "rightSide">
<p id ="isUp">Spieler 1 ist dran</p>
<input type="button" id ="replay" onclick="document.location.reload(true)" value = "Neustart" style="display: none;">
<input type="button" id ="continue" onclick= "continueGame()" value = "Spiel weiter"style="display: none;">
<div class = container id="würfelBereich" style="display: none;" >
<img src="/img/wurfle/f(1).png" id="face">
<input type = "button" id="rollButton" value = "Würfeln">
</div>
</div>
</div>
</body>
</html>