<!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/rollDice.js"></script> 
    <script type= "text/javascript" src="js/rollResult.js"></script>
    <script type= "text/javascript" src="js/makeBoard.js"></script>
    <script type= "text/javascript" src="js/Bridge.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="mainGame(2)" value="2 Spieler"></input>
        <input type="button" class = "playerButton" id="3Player" onclick="mainGame(3)" value ="3 Spieler"></input>
        <input type="button" class = "playerButton" id="4Player" onclick="mainGame(4)" value = "4 Spieler"></input>
    </div>


    <div calss = container id="playArea" >    
            <table id = "board"></table>
        <div class = container id="würfelBereich" style="display: none;" >
            <img src="/img/wurfle/f(1).png" id="face">
            <input type = "button" id="rollButton"  onclick = "changeFace();" value = "Würfeln">  
        
        </div>
    </div>


</body>
</html>