|
|
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <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/sammleGleicheZahlen.js"></script> <script type="text/javascript" src="inc/helper.js"></script> <script type="text/javascript" src="inc/summeObererTeil.js"></script> <script type="text/javascript" src="inc/checkeBonus.js"></script> <title>Kniffel</title> </head> <body>
<div class="header"> <h1>Kniffel</h1> <h2 id="aktuellerSpieler">Spieler 1 ist an der Reihe</h2> </div> <hr class="line"> <div class="row"> <div class="column"> <h1>Spielpan</h1> <table> <tr> <th></th> <th></th> <th>Spieler 1</th> <th>Spieler 2</th> <th>Spieler 3</th> <th>Spieler 4</th> </tr> <tr> <td>1er</td> <td>nur Einser zählen</td> <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> <td>2er</td> <td>nur Zweier zählen</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> <td>3er</td> <td>nur Dreier zählen</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> <td>4er</td> <td>nur Vierer zählen</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> <td>5er</td> <td>nur Fünfer zählen</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> <td>6er</td> <td>nur Sechser zählen</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> <td>gesamt</td> <td>--></td> <td id="oben_Spieler1" onclick="summeObererTeil(1)"></td> <td id="oben_Spieler2" onclick="summeObererTeil(2)"></td> <td id="oben_Spieler3" onclick="summeObererTeil(3)"></td> <td id="oben_Spieler4" onclick="summeObererTeil(4)"></td> </tr> <tr> <td>Bonus bei 65 oder mehr</td> <td>plus 35</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>gesamt oberer Teil</td> <td>--></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>Dreierpasch</td> <td>alle Augen Zählen</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>Viererpasch</td> <td>alle Augen zählen</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>Full House</td> <td>25 Punkte</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>Kleine Straße</td> <td>30 Punkte</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>Große Straße</td> <td>40 Punkte</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>Kniffel</td> <td>50 Punkte</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>Chance</td> <td>alle Augen zählen</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>gesamt unterer Teil</td> <td>--></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>gesamt oberer Teil</td> <td>--></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>Endsumme</td> <td>--></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </div>
<div class="column"> <h1>Würfelbereich</h1>
<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> <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>
</div> </body>
</html>
|