You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
249 lines
11 KiB
249 lines
11 KiB
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<!-- Dateien einbinden -->
|
|
<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/viererPasch.js"></script>
|
|
<script type="text/javascript" src="inc/kleineStraße.js"></script>
|
|
<script type="text/javascript" src="inc/großeStraße.js"></script>
|
|
<script type="text/javascript" src="inc/errechneEndergebnisse.js"></script>
|
|
<!-- Titel der HTML -->
|
|
<title>Kniffel</title>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<a href="src/anleitung.html">
|
|
<img class="icon" src="img/SymbolAnleitung.jpeg" onclick="">
|
|
</a>
|
|
<h1>Kniffel</h1>
|
|
<h2 id="aktuellerSpieler">Spieler 1 ist an der Reihe</h2>
|
|
</div>
|
|
|
|
<hr class="line">
|
|
<div class="row">
|
|
<!-- linke Seite: Spielplan -->
|
|
<div class="column">
|
|
<h1>Spielplan</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 id="bonus_Spieler1"></td>
|
|
<td id="bonus_Spieler2"></td>
|
|
<td id="bonus_Spieler3"></td>
|
|
<td id="bonus_Spieler4"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>gesamt oberer Teil</td>
|
|
<td>--></td>
|
|
<td id="obenMitBonus_Spieler1"></td>
|
|
<td id="obenMitBonus_Spieler2"></td>
|
|
<td id="obenMitBonus_Spieler3"></td>
|
|
<td id="obenMitBonus_Spieler4"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Dreierpasch</td>
|
|
<td>alle Augen Zählen</td>
|
|
<td id="DreierPasch_Spieler1" onclick="dreierPasch(1)"></td>
|
|
<td id="DreierPasch_Spieler2" onclick="dreierPasch(2)"></td>
|
|
<td id="DreierPasch_Spieler3" onclick="dreierPasch(3)"></td>
|
|
<td id="DreierPasch_Spieler4" onclick="dreierPasch(4)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Viererpasch</td>
|
|
<td>alle Augen zählen</td>
|
|
<td id="ViererPasch_Spieler1" onclick="viererPasch(1)"></td>
|
|
<td id="ViererPasch_Spieler2" onclick="viererPasch(2)"></td>
|
|
<td id="ViererPasch_Spieler3" onclick="viererPasch(3)"></td>
|
|
<td id="ViererPasch_Spieler4" onclick="viererPasch(4)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Full House</td>
|
|
<td>25 Punkte</td>
|
|
<td id="fullHouse_Spieler1" onclick="fullHouse(1)"></td>
|
|
<td id="fullHouse_Spieler2" onclick="fullHouse(2)"></td>
|
|
<td id="fullHouse_Spieler3" onclick="fullHouse(3)"></td>
|
|
<td id="fullHouse_Spieler4" onclick="fullHouse(4)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Kleine Straße</td>
|
|
<td>30 Punkte</td>
|
|
<td id="kleineStraße_Spieler1" onclick="kleineStraße(1)"></td>
|
|
<td id="kleineStraße_Spieler2" onclick="kleineStraße(2)"></td>
|
|
<td id="kleineStraße_Spieler3" onclick="kleineStraße(3)"></td>
|
|
<td id="kleineStraße_Spieler4" onclick="kleineStraße(4)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Große Straße</td>
|
|
<td>40 Punkte</td>
|
|
<td id="großeStraße_Spieler1" onclick="großeStraße(1)"></td>
|
|
<td id="großeStraße_Spieler2" onclick="großeStraße(2)"></td>
|
|
<td id="großeStraße_Spieler3" onclick="großeStraße(3)"></td>
|
|
<td id="großeStraße_Spieler4" onclick="großeStraße(4)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Kniffel</td>
|
|
<td>50 Punkte</td>
|
|
<td id="kniffel_Spieler1" onclick="kniffel(1)"></td>
|
|
<td id="kniffel_Spieler2" onclick="kniffel(2)"></td>
|
|
<td id="kniffel_Spieler3" onclick="kniffel(3)"></td>
|
|
<td id="kniffel_Spieler4" onclick="kniffel(4)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Chance</td>
|
|
<td>alle Augen zählen</td>
|
|
<td id="chance_Spieler1" onclick="chance(1)"></td>
|
|
<td id="chance_Spieler2" onclick="chance(2)"></td>
|
|
<td id="chance_Spieler3" onclick="chance(3)"></td>
|
|
<td id="chance_Spieler4" onclick="chance(4)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>gesamt unterer Teil</td>
|
|
<td>--></td>
|
|
<td id="unten_Spieler1"></td>
|
|
<td id="unten_Spieler2"></td>
|
|
<td id="unten_Spieler3"></td>
|
|
<td id="unten_Spieler4"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>gesamt oberer Teil</td>
|
|
<td>--></td>
|
|
<td id="zwischenergebnisObenMitBonus_Spieler1"></td>
|
|
<td id="zwischenergebnisObenMitBonus_Spieler2"></td>
|
|
<td id="zwischenergebnisObenMitBonus_Spieler3"></td>
|
|
<td id="zwischenergebnisObenMitBonus_Spieler4"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Endsumme</td>
|
|
<td>--></td>
|
|
<td id="endsumme_Spieler1"></td>
|
|
<td id="endsumme_Spieler2"></td>
|
|
<td id="endsumme_Spieler3"></td>
|
|
<td id="endsumme_Spieler4"></td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<input class="button" type="button" value="Spiel beenden" onclick="errechneEndergebnisse();">
|
|
<br>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- rechte Seite: Würfelbereich -->
|
|
<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 class="button" type="button" value="Würfeln" onclick="Wuerfel();">
|
|
<br>
|
|
<div class="wuerfel">
|
|
<h3>erlaubte Würfelversuche: </h3>
|
|
<h3 id="erlaubteVersuche">3</h3>
|
|
</div>
|
|
<!-- unsichtbare Ausgaben, um Werte der Würfel zu speichern -->
|
|
<h6 id="AusgabeWuerfel1" style="color: white;">0</h6>
|
|
<h6 id="AusgabeWuerfel2" style="color: white;">0</h6>
|
|
<h6 id="AusgabeWuerfel3" style="color: white;">0</h6>
|
|
<h6 id="AusgabeWuerfel4" style="color: white;">0</h6>
|
|
<h6 id="AusgabeWuerfel5" style="color: white;">0</h6>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|