Spielbrett zu html hinzugefügt und gestylt

2 years ago · a2f988f483
2 changed files with 22 additions and 2 deletions
--- a/schlangen_und_leitern/board.html
+++ b/schlangen_und_leitern/board.html
@ -7,16 +7,24 @@
    <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>
    <title>Document</title>
    

 </head>
 <body>
+    <div calss = container id="playArea">
+            
+        <table id = "board"></table>
+        
+
+    </div>
    
+
    <div class = container id="würfelBereich">

        <img src="/img/wurfle/f(1).png" id="face">
-        <input type = "button" id="rollButton"  onclick = "changeFace()" value = "Würfeln">  
+        <input type = "button" id="rollButton"  onclick = "changeFace();drawBoard()" value = "Würfeln">  
    
    </div>
    
--- a/schlangen_und_leitern/css/style.css
+++ b/schlangen_und_leitern/css/style.css
@ -26,4 +26,16 @@ width: auto;
    width: 100%;
    
    font-size: 10px;
-}
+}
+
+.table{
+  width: 200px;
+  height: 200px;  
+  outline: 2px solid black;
+
+}
+.th, td{
+    width: 80px;
+    height: 80px;
+    outline: 2px dashed black;
+}