Auswahl der Spieleranzahl programmiert und zur Brückenfunktion hinzugefügt

2 years ago · fd730bf5f1
3 changed files with 33 additions and 19 deletions
--- a/schlangen_und_leitern/HTML.html
+++ b/schlangen_und_leitern/HTML.html
@ -9,6 +9,7 @@
    <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>
    

@ -17,24 +18,22 @@
    <h1>Schlangen und Leitern</h1>
 </header>
 <body>
-    <div>
-        <input type="button" class = "playerSelect" id="2Player" onclick="mainGame(2)" value="2 Spieler"></input>
-        <input type="button" class = "playerSelect" id="3Player" onclick="mainGame(3)" value ="3 Spieler"></input>
-        <input type="button" class = "playerSelect" id="4Player" onclick="mainGame(4)" value = "4 Spieler"></input>

-    </div>
-    
-    <div calss = container id="playArea">    
-        <table id = "board"></table>
+    <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 class = container id="würfelBereich">

-        <img src="/img/wurfle/f(1).png" id="face">
-        <input type = "button" id="rollButton"  onclick = "changeFace();drawBoard()" value = "Würfeln">  
-    
+    <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>
--- a/schlangen_und_leitern/css/style.css
+++ b/schlangen_und_leitern/css/style.css
@ -4,7 +4,13 @@ h1{
    font-size: 50px;
 }

+.playerSelect{

+    display: flex;
+    justify-content: center;
+
+
+}

 #würfelBereich{
    
--- a/schlangen_und_leitern/js/Bridge.js
+++ b/schlangen_und_leitern/js/Bridge.js
@ -1,12 +1,21 @@
+
+
+
 function mainGame(playerCount){
-    //hide player select 
+    //playerselect versctecken 
+    document.getElementById("2Player").style.display = "none";
+    document.getElementById("3Player").style.display = "none";
+    document.getElementById("4Player").style.display = "none";
+        
+    // Wufelbereich zeigen.
+    document.getElementById("würfelBereich").style.display = "grid";
+
+
+    

+    

-//nack Spielerzahl fragen
-    //hide player selection buttons 
-    // reveal dice
-    // build/show board
-    // make x player structures
+    // make x "player" structures and add them to array


 //Haupt game loop