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.

244 lines
10 KiB

  1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4. <meta charset="utf-8">
  5. <link rel="stylesheet" type="text/css" href="css/styles.css" />
  6. <script type="text/javascript" src="inc/wuerfel.js"></script>
  7. <script type="text/javascript" src="inc/sammleGleicheZahlen.js"></script>
  8. <script type="text/javascript" src="inc/helper.js"></script>
  9. <script type="text/javascript" src="inc/summeObererTeil.js"></script>
  10. <script type="text/javascript" src="inc/viererPasch.js"></script>
  11. <script type="text/javascript" src="inc/kleineStraße.js"></script>
  12. <script type="text/javascript" src="inc/großeStraße.js"></script>
  13. <script type="text/javascript" src="inc/errechneEndergebnisse.js"></script>
  14. <title>Kniffel</title>
  15. </head>
  16. <body>
  17. <div class="header">
  18. <h1>Kniffel</h1>
  19. <h2 id="aktuellerSpieler">Spieler 1 ist an der Reihe</h2>
  20. </div>
  21. <div>
  22. <img src="img/SymbolAnleitung.jpeg">
  23. </div>
  24. <hr class="line">
  25. <div class="row">
  26. <div class="column">
  27. <h1>Spielpan</h1>
  28. <table>
  29. <tr>
  30. <th></th>
  31. <th></th>
  32. <th>Spieler 1</th>
  33. <th>Spieler 2</th>
  34. <th>Spieler 3</th>
  35. <th>Spieler 4</th>
  36. </tr>
  37. <tr>
  38. <td>1er</td>
  39. <td>nur Einser zählen</td>
  40. <td id="1_Spieler1" onclick="sammleGleicheZahlen(1, 1);" value=""></td>
  41. <td id="1_Spieler2" onclick="sammleGleicheZahlen(2, 1);" value=""></td>
  42. <td id="1_Spieler3" onclick="sammleGleicheZahlen(3, 1);" value=""></td>
  43. <td id="1_Spieler4" onclick="sammleGleicheZahlen(4, 1);" value=""></td>
  44. </tr>
  45. <tr>
  46. <td>2er</td>
  47. <td>nur Zweier zählen</td>
  48. <td id="2_Spieler1" onclick="sammleGleicheZahlen(1, 2);" value=""></td>
  49. <td id="2_Spieler2" onclick="sammleGleicheZahlen(2, 2);" value=""></td>
  50. <td id="2_Spieler3" onclick="sammleGleicheZahlen(3, 2);" value=""></td>
  51. <td id="2_Spieler4" onclick="sammleGleicheZahlen(4, 2);" value=""></td>
  52. </tr>
  53. <tr>
  54. <td>3er</td>
  55. <td>nur Dreier zählen</td>
  56. <td id="3_Spieler1" onclick="sammleGleicheZahlen(1, 3);" value=""></td>
  57. <td id="3_Spieler2" onclick="sammleGleicheZahlen(2, 3);" value=""></td>
  58. <td id="3_Spieler3" onclick="sammleGleicheZahlen(3, 3);" value=""></td>
  59. <td id="3_Spieler4" onclick="sammleGleicheZahlen(4, 3);" value=""></td>
  60. </tr>
  61. <tr>
  62. <td>4er</td>
  63. <td>nur Vierer zählen</td>
  64. <td id="4_Spieler1" onclick="sammleGleicheZahlen(1, 4);" value=""></td>
  65. <td id="4_Spieler2" onclick="sammleGleicheZahlen(2, 4);" value=""></td>
  66. <td id="4_Spieler3" onclick="sammleGleicheZahlen(3, 4);" value=""></td>
  67. <td id="4_Spieler4" onclick="sammleGleicheZahlen(4, 4);" value=""></td>
  68. </tr>
  69. <tr>
  70. <td>5er</td>
  71. <td>nur Fünfer zählen</td>
  72. <td id="5_Spieler1" onclick="sammleGleicheZahlen(1, 5);" value=""></td>
  73. <td id="5_Spieler2" onclick="sammleGleicheZahlen(2, 5);" value=""></td>
  74. <td id="5_Spieler3" onclick="sammleGleicheZahlen(3, 5);" value=""></td>
  75. <td id="5_Spieler4" onclick="sammleGleicheZahlen(4, 5);" value=""></td>
  76. </tr>
  77. <tr>
  78. <td>6er</td>
  79. <td>nur Sechser zählen</td>
  80. <td id="6_Spieler1" onclick="sammleGleicheZahlen(1, 6);" value=""></td>
  81. <td id="6_Spieler2" onclick="sammleGleicheZahlen(2, 6);" value=""></td>
  82. <td id="6_Spieler3" onclick="sammleGleicheZahlen(3, 6);" value=""></td>
  83. <td id="6_Spieler4" onclick="sammleGleicheZahlen(4, 6);" value=""></td>
  84. </tr>
  85. <tr>
  86. <td>gesamt</td>
  87. <td>--></td>
  88. <td id="oben_Spieler1" onclick="summeObererTeil(1)"></td>
  89. <td id="oben_Spieler2" onclick="summeObererTeil(2)"></td>
  90. <td id="oben_Spieler3" onclick="summeObererTeil(3)"></td>
  91. <td id="oben_Spieler4" onclick="summeObererTeil(4)"></td>
  92. </tr>
  93. <tr>
  94. <td>Bonus bei 65 oder mehr</td>
  95. <td>plus 35</td>
  96. <td id="bonus_Spieler1"></td>
  97. <td id="bonus_Spieler2"></td>
  98. <td id="bonus_Spieler3"></td>
  99. <td id="bonus_Spieler4"></td>
  100. </tr>
  101. <tr>
  102. <td>gesamt oberer Teil</td>
  103. <td>--></td>
  104. <td id="obenMitBonus_Spieler1"></td>
  105. <td id="obenMitBonus_Spieler2"></td>
  106. <td id="obenMitBonus_Spieler3"></td>
  107. <td id="obenMitBonus_Spieler4"></td>
  108. </tr>
  109. <tr>
  110. <td>Dreierpasch</td>
  111. <td>alle Augen Zählen</td>
  112. <td id="DreierPasch_Spieler1" onclick="dreierPasch(1)"></td>
  113. <td id="DreierPasch_Spieler2" onclick="dreierPasch(2)"></td>
  114. <td id="DreierPasch_Spieler3" onclick="dreierPasch(3)"></td>
  115. <td id="DreierPasch_Spieler4" onclick="dreierPasch(4)"></td>
  116. </tr>
  117. <tr>
  118. <td>Viererpasch</td>
  119. <td>alle Augen zählen</td>
  120. <td id="ViererPasch_Spieler1" onclick="viererPasch(1)"></td>
  121. <td id="ViererPasch_Spieler2" onclick="viererPasch(2)"></td>
  122. <td id="ViererPasch_Spieler3" onclick="viererPasch(3)"></td>
  123. <td id="ViererPasch_Spieler4" onclick="viererPasch(4)"></td>
  124. </tr>
  125. <tr>
  126. <td>Full House</td>
  127. <td>25 Punkte</td>
  128. <td id="fullHouse_Spieler1" onclick="fullHouse(1)"></td>
  129. <td id="fullHouse_Spieler2" onclick="fullHouse(2)"></td>
  130. <td id="fullHouse_Spieler3" onclick="fullHouse(3)"></td>
  131. <td id="fullHouse_Spieler4" onclick="fullHouse(4)"></td>
  132. </tr>
  133. <tr>
  134. <td>Kleine Straße</td>
  135. <td>30 Punkte</td>
  136. <td id="kleineStraße_Spieler1" onclick="kleineStraße(1)"></td>
  137. <td id="kleineStraße_Spieler2" onclick="kleineStraße(2)"></td>
  138. <td id="kleineStraße_Spieler3" onclick="kleineStraße(3)"></td>
  139. <td id="kleineStraße_Spieler4" onclick="kleineStraße(4)"></td>
  140. </tr>
  141. <tr>
  142. <td>Große Straße</td>
  143. <td>40 Punkte</td>
  144. <td id="großeStraße_Spieler1" onclick="großeStraße(1)"></td>
  145. <td id="großeStraße_Spieler2" onclick="großeStraße(2)"></td>
  146. <td id="großeStraße_Spieler3" onclick="großeStraße(3)"></td>
  147. <td id="großeStraße_Spieler4" onclick="großeStraße(4)"></td>
  148. </tr>
  149. <tr>
  150. <td>Kniffel</td>
  151. <td>50 Punkte</td>
  152. <td id="kniffel_Spieler1" onclick="kniffel(1)"></td>
  153. <td id="kniffel_Spieler2" onclick="kniffel(2)"></td>
  154. <td id="kniffel_Spieler3" onclick="kniffel(3)"></td>
  155. <td id="kniffel_Spieler4" onclick="kniffel(4)"></td>
  156. </tr>
  157. <tr>
  158. <td>Chance</td>
  159. <td>alle Augen zählen</td>
  160. <td id="chance_Spieler1" onclick="chance(1)"></td>
  161. <td id="chance_Spieler2" onclick="chance(2)"></td>
  162. <td id="chance_Spieler3" onclick="chance(3)"></td>
  163. <td id="chance_Spieler4" onclick="chance(4)"></td>
  164. </tr>
  165. <tr>
  166. <td>gesamt unterer Teil</td>
  167. <td>--></td>
  168. <td id="unten_Spieler1"></td>
  169. <td id="unten_Spieler2"></td>
  170. <td id="unten_Spieler3"></td>
  171. <td id="unten_Spieler4"></td>
  172. </tr>
  173. <tr>
  174. <td>gesamt oberer Teil</td>
  175. <td>--></td>
  176. <td id="zwischenergebnisObenMitBonus_Spieler1"></td>
  177. <td id="zwischenergebnisObenMitBonus_Spieler2"></td>
  178. <td id="zwischenergebnisObenMitBonus_Spieler3"></td>
  179. <td id="zwischenergebnisObenMitBonus_Spieler4"></td>
  180. </tr>
  181. <tr>
  182. <td>Endsumme</td>
  183. <td>--></td>
  184. <td id="endsumme_Spieler1"></td>
  185. <td id="endsumme_Spieler2"></td>
  186. <td id="endsumme_Spieler3"></td>
  187. <td id="endsumme_Spieler4"></td>
  188. </tr>
  189. </table>
  190. <br>
  191. <input type="button" value="Spiel beenden" onclick="errechneEndergebnisse();">
  192. <br>
  193. </div>
  194. <div class="column">
  195. <h1>Würfelbereich</h1>
  196. <div>
  197. <div class="wuerfel">
  198. <img src="img/1.png" id="Bildwuerfel1" alt="wuerfel" width="33" height="31">
  199. <input type="checkbox" id="CheckBoxWuerfel1">
  200. </div>
  201. <div class="wuerfel">
  202. <img src="img/1.png" id="Bildwuerfel2" alt="wuerfel" width="33" height="31">
  203. <input type="checkbox" id="CheckBoxWuerfel2">
  204. </div>
  205. <div class="wuerfel">
  206. <img src="img/1.png" id="Bildwuerfel3" alt="wuerfel" width="33" height="31">
  207. <input type="checkbox" id="CheckBoxWuerfel3">
  208. </div>
  209. <div class="wuerfel">
  210. <img src="img/1.png" id="Bildwuerfel4" alt="wuerfel" width="33" height="31">
  211. <input type="checkbox" id="CheckBoxWuerfel4">
  212. </div>
  213. <div class="wuerfel">
  214. <img src="img/1.png" id="Bildwuerfel5" alt="wuerfel" width="33" height="31">
  215. <input type="checkbox" id="CheckBoxWuerfel5">
  216. </div>
  217. </div>
  218. <h3>Bitte würfeln und Würfel markieren, welche rausgelegt werden sollen</h6>
  219. <br>
  220. <input type="button" value="Würfeln" onclick="Wuerfel();">
  221. <br>
  222. <div class="wuerfel">
  223. <h3>erlaubte Würfelversuche: </h3>
  224. <h3 id="erlaubteVersuche">3</h3>
  225. </div>
  226. <h6 id="AusgabeWuerfel1" style="color: white;">0</h6>
  227. <h6 id="AusgabeWuerfel2" style="color: white;">0</h6>
  228. <h6 id="AusgabeWuerfel3" style="color: white;">0</h6>
  229. <h6 id="AusgabeWuerfel4" style="color: white;">0</h6>
  230. <h6 id="AusgabeWuerfel5" style="color: white;">0</h6>
  231. </div>
  232. </div>
  233. </body>
  234. </html>