diff --git a/schlangen_und_leitern/board.html b/schlangen_und_leitern/board.html
index 73af493..269926d 100644
--- 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>
     
diff --git a/schlangen_und_leitern/css/style.css b/schlangen_und_leitern/css/style.css
index 21fee5c..fe47224 100644
--- 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;
-}
\ No newline at end of file
+}
+
+.table{
+  width: 200px;
+  height: 200px;  
+  outline: 2px solid black;
+
+}
+.th, td{
+    width: 80px;
+    height: 80px;
+    outline: 2px dashed black;
+}
