228 lines
9.9 KiB
HTML
228 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Liczby - MaszToZadanieDomowe.com</title>
|
|
<script data-goatcounter="https://zeszyt.nonamesoft.xyz/count" async src="/assets/js/count.js"></script>
|
|
<script src="/assets/js/liczby.js"></script>
|
|
<link href="/assets/css/liczby.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a href="/index.html">Wróć na stronę główną</a>
|
|
</header>
|
|
|
|
<div id="gra">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td id="1"><button id="1">1</button></td>
|
|
<td id="2"><button id="2">2</button></td>
|
|
<td id="3"><button id="3">3</button></td>
|
|
<td id="4"><button id="4">4</button></td>
|
|
<td id="5"><button id="5">5</button></td>
|
|
<td id="6"><button id="6">6</button></td>
|
|
<td id="7"><button id="7">7</button></td>
|
|
<td id="8"><button id="8">8</button></td>
|
|
<td id="9"><button id="9">9</button></td>
|
|
<td id="10"><button id="10">10</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="11"><button id="11">11</button></td>
|
|
<td id="12"><button id="12">12</button></td>
|
|
<td id="13"><button id="13">13</button></td>
|
|
<td id="14"><button id="14">14</button></td>
|
|
<td id="15"><button id="15">15</button></td>
|
|
<td id="16"><button id="16">16</button></td>
|
|
<td id="17"><button id="17">17</button></td>
|
|
<td id="18"><button id="18">18</button></td>
|
|
<td id="19"><button id="19">19</button></td>
|
|
<td id="20"><button id="20">20</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="21"><button id="21">21</button></td>
|
|
<td id="22"><button id="22">22</button></td>
|
|
<td id="23"><button id="23">23</button></td>
|
|
<td id="24"><button id="24">24</button></td>
|
|
<td id="25"><button id="25">25</button></td>
|
|
<td id="26"><button id="26">26</button></td>
|
|
<td id="27"><button id="27">27</button></td>
|
|
<td id="28"><button id="28">28</button></td>
|
|
<td id="29"><button id="29">29</button></td>
|
|
<td id="30"><button id="30">30</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="31"><button id="31">31</button></td>
|
|
<td id="32"><button id="32">32</button></td>
|
|
<td id="33"><button id="33">33</button></td>
|
|
<td id="34"><button id="34">34</button></td>
|
|
<td id="35"><button id="35">35</button></td>
|
|
<td id="36"><button id="36">36</button></td>
|
|
<td id="37"><button id="37">37</button></td>
|
|
<td id="38"><button id="38">38</button></td>
|
|
<td id="39"><button id="39">39</button></td>
|
|
<td id="40"><button id="40">40</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="41"><button id="41">41</button></td>
|
|
<td id="42"><button id="42">42</button></td>
|
|
<td id="43"><button id="43">43</button></td>
|
|
<td id="44"><button id="44">44</button></td>
|
|
<td id="45"><button id="45">45</button></td>
|
|
<td id="46"><button id="46">46</button></td>
|
|
<td id="47"><button id="47">47</button></td>
|
|
<td id="48"><button id="48">48</button></td>
|
|
<td id="49"><button id="49">49</button></td>
|
|
<td id="50"><button id="50">50</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="51"><button id="51">51</button></td>
|
|
<td id="52"><button id="52">52</button></td>
|
|
<td id="53"><button id="53">53</button></td>
|
|
<td id="54"><button id="54">54</button></td>
|
|
<td id="55"><button id="55">55</button></td>
|
|
<td id="56"><button id="56">56</button></td>
|
|
<td id="57"><button id="57">57</button></td>
|
|
<td id="58"><button id="58">58</button></td>
|
|
<td id="59"><button id="59">59</button></td>
|
|
<td id="60"><button id="60">60</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="61"><button id="61">61</button></td>
|
|
<td id="62"><button id="62">62</button></td>
|
|
<td id="63"><button id="63">63</button></td>
|
|
<td id="64"><button id="64">64</button></td>
|
|
<td id="65"><button id="65">65</button></td>
|
|
<td id="66"><button id="66">66</button></td>
|
|
<td id="67"><button id="67">67</button></td>
|
|
<td id="68"><button id="68">68</button></td>
|
|
<td id="69"><button id="69">69</button></td>
|
|
<td id="70"><button id="70">70</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="71"><button id="71">71</button></td>
|
|
<td id="72"><button id="72">72</button></td>
|
|
<td id="73"><button id="73">73</button></td>
|
|
<td id="74"><button id="74">74</button></td>
|
|
<td id="75"><button id="75">75</button></td>
|
|
<td id="76"><button id="76">76</button></td>
|
|
<td id="77"><button id="77">77</button></td>
|
|
<td id="78"><button id="78">78</button></td>
|
|
<td id="79"><button id="79">79</button></td>
|
|
<td id="80"><button id="80">80</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="81"><button id="81">81</button></td>
|
|
<td id="82"><button id="82">82</button></td>
|
|
<td id="83"><button id="83">83</button></td>
|
|
<td id="84"><button id="84">84</button></td>
|
|
<td id="85"><button id="85">85</button></td>
|
|
<td id="86"><button id="86">86</button></td>
|
|
<td id="87"><button id="87">87</button></td>
|
|
<td id="88"><button id="88">88</button></td>
|
|
<td id="89"><button id="89">89</button></td>
|
|
<td id="90"><button id="90">90</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="91"><button id="91">91</button></td>
|
|
<td id="92"><button id="92">92</button></td>
|
|
<td id="93"><button id="93">93</button></td>
|
|
<td id="94"><button id="94">94</button></td>
|
|
<td id="95"><button id="95">95</button></td>
|
|
<td id="96"><button id="96">96</button></td>
|
|
<td id="97"><button id="97">97</button></td>
|
|
<td id="98"><button id="98">98</button></td>
|
|
<td id="99"><button id="99">99</button></td>
|
|
<td id="100"><button id="100">100</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<aside>
|
|
<h2>Statystyki</h2>
|
|
<hr>
|
|
<div>
|
|
<h4>Czas:</h4>
|
|
<p id="czas"></p>
|
|
</div>
|
|
<div>
|
|
<h4>Pudła:</h4>
|
|
<p id="pudla"></p>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
<h4>Wygrana:</h4>
|
|
<p id="kwota"></p>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
<div id="ekrantytulowy" class="pokaz">
|
|
<div>
|
|
<h1>Liczby</h1>
|
|
<h5>Prawie jak w kasynie!</h5>
|
|
</div>
|
|
<div id="odTBF">
|
|
<button>Wygrywać teraz</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="dialog-nowagra" class="dialog ukryte">
|
|
<form class="okno">
|
|
<h2>Nowa gra</h2>
|
|
<hr>
|
|
|
|
<h4>Źródło liczby</h4>
|
|
<fieldset id="nowagraFieldset1">
|
|
<input type="radio" id="l-manual" name="losowosc" value="czlowiek" onclick="pokazNumer()"><label for="l-manual">Asystent (wprowadzone manualnie)</label>
|
|
<input type="radio" id="l-auto" name="losowosc" value="komputer"><label for="l-auto">Komputer (generowane automatycznie)</label>
|
|
</fieldset>
|
|
<br>
|
|
<br>
|
|
|
|
<h4>Zasady zakładu</h4>
|
|
<fieldset id="nowagraFieldset2">
|
|
<label for="kwota">Kwota zakładu: <span id="kwota"></span></label>
|
|
<input type="range" id="kwota" name="zaklad" min="500" step="500" max="50000">
|
|
</fieldset>
|
|
|
|
<br>
|
|
<br>
|
|
<input type="submit" value="Zagraj">
|
|
</form>
|
|
</div>
|
|
|
|
<div id="dialog-ustawliczbe" class="dialog ukryte">
|
|
<form class="okno">
|
|
<h2>Ustaw Liczbe</h2>
|
|
<hr>
|
|
Upewnij się, że osoba grająca nie widzi ekranu i wprowadź liczbę z zakresu 1-100:
|
|
<br>
|
|
<br>
|
|
|
|
<fieldset>
|
|
<legend>Liczba:</legend>
|
|
<input type="number" id="liczba" name="liczba" min="1" max="100" placeholder="Przykładowa liczba: 64" required>
|
|
</fieldset>
|
|
|
|
<br>
|
|
<br>
|
|
<input type="submit" value="Zapisz liczbę">
|
|
</form>
|
|
</div>
|
|
|
|
<div id="dialog-wygrana" class="dialog ukryte">
|
|
<div class="okno">
|
|
<h2>Koniec gry</h2>
|
|
<hr>
|
|
Udało Ci się wygrać... nic!
|
|
<br>
|
|
<br>
|
|
Jeszcze nie wszystko zaimplementowane
|
|
<br>
|
|
<br>
|
|
<button>Zagraj jeszcze raz!</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |