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.

233 lines
6.2 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. <title>Kniffel</title>
  8. </head>
  9. <body>
  10. <div class="header">
  11. <h1>Kniffel</h1>
  12. <h2 id="aktuellerSpieler">Spieler 1 ist an der Reihe</h2>
  13. </div>
  14. <hr class="line">
  15. <div class="row">
  16. <div class="column">
  17. <h1>Spielpan</h1>
  18. <table>
  19. <tr>
  20. <th></th>
  21. <th></th>
  22. <th>Spieler 1</th>
  23. <th>Spieler 2</th>
  24. <th>Spieler 3</th>
  25. <th>Spieler 4</th>
  26. </tr>
  27. <tr>
  28. <td>1er</td>
  29. <td>nur Einser zählen</td>
  30. <td></td>
  31. <td></td>
  32. <td></td>
  33. <td></td>
  34. </tr>
  35. <tr>
  36. <td>2er</td>
  37. <td>nur Zweier zählen</td>
  38. <td></td>
  39. <td></td>
  40. <td></td>
  41. <td></td>
  42. </tr>
  43. <tr>
  44. <td>3er</td>
  45. <td>nur Dreier zählen</td>
  46. <td></td>
  47. <td></td>
  48. <td></td>
  49. <td></td>
  50. </tr>
  51. <tr>
  52. <td>4er</td>
  53. <td>nur Vierer zählen</td>
  54. <td></td>
  55. <td></td>
  56. <td></td>
  57. <td></td>
  58. </tr>
  59. <tr>
  60. <td>5er</td>
  61. <td>nur Fünfer zählen</td>
  62. <td></td>
  63. <td></td>
  64. <td></td>
  65. <td></td>
  66. </tr>
  67. <tr>
  68. <td>6er</td>
  69. <td>nur Sechser zählen</td>
  70. <td></td>
  71. <td></td>
  72. <td></td>
  73. <td></td>
  74. </tr>
  75. <tr>
  76. <td>gesamt</td>
  77. <td>--></td>
  78. <td></td>
  79. <td></td>
  80. <td></td>
  81. <td></td>
  82. </tr>
  83. <tr>
  84. <td>Bonus bei 65 oder mehr</td>
  85. <td>plus 35</td>
  86. <td></td>
  87. <td></td>
  88. <td></td>
  89. <td></td>
  90. </tr>
  91. <tr>
  92. <td>gesamt oberer Teil</td>
  93. <td>--></td>
  94. <td></td>
  95. <td></td>
  96. <td></td>
  97. <td></td>
  98. </tr>
  99. <tr>
  100. <td>Dreierpasch</td>
  101. <td>alle Augen Zählen</td>
  102. <td></td>
  103. <td></td>
  104. <td></td>
  105. <td></td>
  106. </tr>
  107. <tr>
  108. <td>Viererpasch</td>
  109. <td>alle Augen zählen</td>
  110. <td></td>
  111. <td></td>
  112. <td></td>
  113. <td></td>
  114. </tr>
  115. <tr>
  116. <td>Full House</td>
  117. <td>25 Punkte</td>
  118. <td></td>
  119. <td></td>
  120. <td></td>
  121. <td></td>
  122. </tr>
  123. <tr>
  124. <td>Kleine Straße</td>
  125. <td>30 Punkte</td>
  126. <td></td>
  127. <td></td>
  128. <td></td>
  129. <td></td>
  130. </tr>
  131. <tr>
  132. <td>Große Straße</td>
  133. <td>40 Punkte</td>
  134. <td></td>
  135. <td></td>
  136. <td></td>
  137. <td></td>
  138. </tr>
  139. <tr>
  140. <td>Kniffel</td>
  141. <td>50 Punkte</td>
  142. <td></td>
  143. <td></td>
  144. <td></td>
  145. <td></td>
  146. </tr>
  147. <tr>
  148. <td>Chance</td>
  149. <td>alle Augen zählen</td>
  150. <td></td>
  151. <td></td>
  152. <td></td>
  153. <td></td>
  154. </tr>
  155. <tr>
  156. <td>gesamt unterer Teil</td>
  157. <td>--></td>
  158. <td></td>
  159. <td></td>
  160. <td></td>
  161. <td></td>
  162. </tr>
  163. <tr>
  164. <td>gesamt oberer Teil</td>
  165. <td>--></td>
  166. <td></td>
  167. <td></td>
  168. <td></td>
  169. <td></td>
  170. </tr>
  171. <tr>
  172. <td>Endsumme</td>
  173. <td>--></td>
  174. <td></td>
  175. <td></td>
  176. <td></td>
  177. <td></td>
  178. </tr>
  179. </table>
  180. </div>
  181. <div class="column">
  182. <h1>Würfelbereich</h1>
  183. <div>
  184. <div class="wuerfel">
  185. <img src="img/1.png" id="Bildwuerfel1" alt="wuerfel" width="33" height="31">
  186. <input type="checkbox" id="CheckBoxWuerfel1">
  187. </div>
  188. <div class="wuerfel">
  189. <img src="img/1.png" id="Bildwuerfel2" alt="wuerfel" width="33" height="31">
  190. <input type="checkbox" id="CheckBoxWuerfel2">
  191. </div>
  192. <div class="wuerfel">
  193. <img src="img/1.png" id="Bildwuerfel3" alt="wuerfel" width="33" height="31">
  194. <input type="checkbox" id="CheckBoxWuerfel3">
  195. </div>
  196. <div class="wuerfel">
  197. <img src="img/1.png" id="Bildwuerfel4" alt="wuerfel" width="33" height="31">
  198. <input type="checkbox" id="CheckBoxWuerfel4">
  199. </div>
  200. <div class="wuerfel">
  201. <img src="img/1.png" id="Bildwuerfel5" alt="wuerfel" width="33" height="31">
  202. <input type="checkbox" id="CheckBoxWuerfel5">
  203. </div>
  204. </div>
  205. <h3>Bitte würfeln und Würfel markieren, welche rausgelegt werden sollen</h6>
  206. <br>
  207. <input type="button" value="Würfeln" onclick="Wuerfel();">
  208. <br>
  209. <div class="wuerfel">
  210. <h3>erlaubte Würfelversuche: </h3>
  211. <h3 id="erlaubteVersuche">3</h3>
  212. </div>
  213. <h6 id="AusgabeWuerfel1" >0</h6>
  214. <h6 id="AusgabeWuerfel2" >0</h6>
  215. <h6 id="AusgabeWuerfel3" >0</h6>
  216. <h6 id="AusgabeWuerfel4" >0</h6>
  217. <h6 id="AusgabeWuerfel5" >0</h6>
  218. </div>
  219. </div>
  220. </div>
  221. </body>
  222. </html>