Browse Source

refactoring: Sammle allegleichen Augenzahlen von 1 bis 6 und trage Summe in Spielplan ein

main
Lucas Thenert 2 years ago
parent
commit
c062045420
  1. 119
      kniffel/index.html

119
kniffel/index.html

@ -5,7 +5,6 @@
<link rel="stylesheet" type="text/css" href="css/styles.css" /> <link rel="stylesheet" type="text/css" href="css/styles.css" />
<script type="text/javascript" src="inc/wuerfel.js"></script> <script type="text/javascript" src="inc/wuerfel.js"></script>
<script type="text/javascript" src="inc/sammleGleicheZahlen.js"></script> <script type="text/javascript" src="inc/sammleGleicheZahlen.js"></script>
<title>Kniffel</title>
</head> </head>
<body> <body>
@ -29,51 +28,50 @@
<tr> <tr>
<td>1er</td> <td>1er</td>
<td>nur Einser zählen</td> <td>nur Einser zählen</td>
<td id="1_Spieler1" onclick="sammleGleicheZahlen(1);" value=""></td>
<td id="1_Spieler2" onclick="sammleGleicheZahlen(2);" value=""></td>
<td id="1_Spieler3" onclick="sammleGleicheZahlen(3);" value=""></td>
<td id="1_Spieler4" onclick="sammleGleicheZahlen(4);" value=""></td>
</tr>
<td id="1_Spieler1" onclick="sammleGleicheZahlen(1, 1);" value=""></td>
<td id="1_Spieler2" onclick="sammleGleicheZahlen(2, 1);" value=""></td>
<td id="1_Spieler3" onclick="sammleGleicheZahlen(3, 1);" value=""></td>
<td id="1_Spieler4" onclick="sammleGleicheZahlen(4, 1);" value=""></td>
</tr> </tr>
<tr> <tr>
<td>2er</td> <td>2er</td>
<td>nur Zweier zählen</td> <td>nur Zweier zählen</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="2_Spieler1" onclick="sammleGleicheZahlen(1, 2);" value=""></td>
<td id="2_Spieler2" onclick="sammleGleicheZahlen(2, 2);" value=""></td>
<td id="2_Spieler3" onclick="sammleGleicheZahlen(3, 2);" value=""></td>
<td id="2_Spieler4" onclick="sammleGleicheZahlen(4, 2);" value=""></td>
</tr> </tr>
<tr> <tr>
<td>3er</td> <td>3er</td>
<td>nur Dreier zählen</td> <td>nur Dreier zählen</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="3_Spieler1" onclick="sammleGleicheZahlen(1, 3);" value=""></td>
<td id="3_Spieler2" onclick="sammleGleicheZahlen(2, 3);" value=""></td>
<td id="3_Spieler3" onclick="sammleGleicheZahlen(3, 3);" value=""></td>
<td id="3_Spieler4" onclick="sammleGleicheZahlen(4, 3);" value=""></td>
</tr> </tr>
<tr> <tr>
<td>4er</td> <td>4er</td>
<td>nur Vierer zählen</td> <td>nur Vierer zählen</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="4_Spieler1" onclick="sammleGleicheZahlen(1, 4);" value=""></td>
<td id="4_Spieler2" onclick="sammleGleicheZahlen(2, 4);" value=""></td>
<td id="4_Spieler3" onclick="sammleGleicheZahlen(3, 4);" value=""></td>
<td id="4_Spieler4" onclick="sammleGleicheZahlen(4, 4);" value=""></td>
</tr> </tr>
<tr> <tr>
<td>5er</td> <td>5er</td>
<td>nur Fünfer zählen</td> <td>nur Fünfer zählen</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="5_Spieler1" onclick="sammleGleicheZahlen(1, 5);" value=""></td>
<td id="5_Spieler2" onclick="sammleGleicheZahlen(2, 5);" value=""></td>
<td id="5_Spieler3" onclick="sammleGleicheZahlen(3, 5);" value=""></td>
<td id="5_Spieler4" onclick="sammleGleicheZahlen(4, 5);" value=""></td>
</tr> </tr>
<tr> <tr>
<td>6er</td> <td>6er</td>
<td>nur Sechser zählen</td> <td>nur Sechser zählen</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="6_Spieler1" onclick="sammleGleicheZahlen(1, 6);" value=""></td>
<td id="6_Spieler2" onclick="sammleGleicheZahlen(2, 6);" value=""></td>
<td id="6_Spieler3" onclick="sammleGleicheZahlen(3, 6);" value=""></td>
<td id="6_Spieler4" onclick="sammleGleicheZahlen(4, 6);" value=""></td>
</tr> </tr>
<tr> <tr>
<td>gesamt</td> <td>gesamt</td>
@ -189,44 +187,41 @@
<h1>Würfelbereich</h1> <h1>Würfelbereich</h1>
<div> <div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel1" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel1">
</div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel2" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel2">
</div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel3" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel3">
</div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel4" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel4">
</div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel5" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel5">
</div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel1" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel1">
</div> </div>
<h3>Bitte würfeln und Würfel markieren, welche rausgelegt werden sollen</h6>
<br>
<input type="button" value="Würfeln" onclick="Wuerfel();">
<br>
<div class="wuerfel">
<h3>erlaubte Würfelversuche: </h3>
<h3 id="erlaubteVersuche">3</h3>
</div>
<h6 id="AusgabeWuerfel1" >0</h6>
<h6 id="AusgabeWuerfel2" >0</h6>
<h6 id="AusgabeWuerfel3" >0</h6>
<h6 id="AusgabeWuerfel4" >0</h6>
<h6 id="AusgabeWuerfel5" >0</h6>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel2" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel2">
</div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel3" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel3">
</div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel4" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel4">
</div>
<div class="wuerfel">
<img src="img/1.png" id="Bildwuerfel5" alt="wuerfel" width="33" height="31">
<input type="checkbox" id="CheckBoxWuerfel5">
</div>
</div>
<h3>Bitte würfeln und Würfel markieren, welche rausgelegt werden sollen</h6>
<br>
<input type="button" value="Würfeln" onclick="Wuerfel();">
<br>
<div class="wuerfel">
<h3>erlaubte Würfelversuche: </h3>
<h3 id="erlaubteVersuche">3</h3>
</div> </div>
<h6 id="AusgabeWuerfel1" >0</h6>
<h6 id="AusgabeWuerfel2" >0</h6>
<h6 id="AusgabeWuerfel3" >0</h6>
<h6 id="AusgabeWuerfel4" >0</h6>
<h6 id="AusgabeWuerfel5" >0</h6>
</div> </div>
</div> </div>

Loading…
Cancel
Save