Files
MaszToZadanieDomowe.com/liczby.html

221 lines
8.9 KiB
HTML
Raw Normal View History

2025-09-22 13:16:18 +02:00
<!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>
2025-09-22 16:36:33 +02:00
2025-09-22 18:58:40 +02:00
<div id="gra">
<table>
<tbody>
<tr>
<td><button id="1">1</button></td>
<td><button id="2">2</button></td>
<td><button id="3">3</button></td>
<td><button id="4">4</button></td>
<td><button id="5">5</button></td>
<td><button id="6">6</button></td>
<td><button id="7">7</button></td>
<td><button id="8">8</button></td>
<td><button id="9">9</button></td>
<td><button id="10">10</button></td>
</tr>
<tr>
<td><button id="11">11</button></td>
<td><button id="12">12</button></td>
<td><button id="13">13</button></td>
<td><button id="14">14</button></td>
<td><button id="15">15</button></td>
<td><button id="16">16</button></td>
<td><button id="17">17</button></td>
<td><button id="18">18</button></td>
<td><button id="19">19</button></td>
<td><button id="20">20</button></td>
</tr>
<tr>
<td><button id="21">21</button></td>
<td><button id="22">22</button></td>
<td><button id="23">23</button></td>
<td><button id="24">24</button></td>
<td><button id="25">25</button></td>
<td><button id="26">26</button></td>
<td><button id="27">27</button></td>
<td><button id="28">28</button></td>
<td><button id="29">29</button></td>
<td><button id="30">30</button></td>
</tr>
<tr>
<td><button id="31">31</button></td>
<td><button id="32">32</button></td>
<td><button id="33">33</button></td>
<td><button id="34">34</button></td>
<td><button id="35">35</button></td>
<td><button id="36">36</button></td>
<td><button id="37">37</button></td>
<td><button id="38">38</button></td>
<td><button id="39">39</button></td>
<td><button id="40">40</button></td>
</tr>
<tr>
<td><button id="41">41</button></td>
<td><button id="42">42</button></td>
<td><button id="43">43</button></td>
<td><button id="44">44</button></td>
<td><button id="45">45</button></td>
<td><button id="46">46</button></td>
<td><button id="47">47</button></td>
<td><button id="48">48</button></td>
<td><button id="49">49</button></td>
<td><button id="50">50</button></td>
</tr>
<tr>
<td><button id="51">51</button></td>
<td><button id="52">52</button></td>
<td><button id="53">53</button></td>
<td><button id="54">54</button></td>
<td><button id="55">55</button></td>
<td><button id="56">56</button></td>
<td><button id="57">57</button></td>
<td><button id="58">58</button></td>
<td><button id="59">59</button></td>
<td><button id="60">60</button></td>
</tr>
<tr>
<td><button id="61">61</button></td>
<td><button id="62">62</button></td>
<td><button id="63">63</button></td>
<td><button id="64">64</button></td>
<td><button id="65">65</button></td>
<td><button id="66">66</button></td>
<td><button id="67">67</button></td>
<td><button id="68">68</button></td>
<td><button id="69">69</button></td>
<td><button id="70">70</button></td>
</tr>
<tr>
<td><button id="71">71</button></td>
<td><button id="72">72</button></td>
<td><button id="73">73</button></td>
<td><button id="74">74</button></td>
<td><button id="75">75</button></td>
<td><button id="76">76</button></td>
<td><button id="77">77</button></td>
<td><button id="78">78</button></td>
<td><button id="79">79</button></td>
<td><button id="80">80</button></td>
</tr>
<tr>
<td><button id="81">81</button></td>
<td><button id="82">82</button></td>
<td><button id="83">83</button></td>
<td><button id="84">84</button></td>
<td><button id="85">85</button></td>
<td><button id="86">86</button></td>
<td><button id="87">87</button></td>
<td><button id="88">88</button></td>
<td><button id="89">89</button></td>
<td><button id="90">90</button></td>
</tr>
<tr>
<td><button id="91">91</button></td>
<td><button id="92">92</button></td>
<td><button id="93">93</button></td>
<td><button id="94">94</button></td>
<td><button id="95">95</button></td>
<td><button id="96">96</button></td>
<td><button id="97">97</button></td>
<td><button id="98">98</button></td>
<td><button id="99">99</button></td>
<td><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>
2025-09-22 16:36:33 +02:00
<div id="tytul" class="pokaz">
2025-09-22 13:16:18 +02:00
<div>
<h1>Liczby</h1>
<h5>Prawie jak w kasynie!</h5>
</div>
<div>
2025-09-22 16:36:33 +02:00
<button onclick="pokazKonfiguracje()">Wygrywać teraz</button>
2025-09-22 13:16:18 +02:00
</div>
</div>
2025-09-22 16:36:33 +02:00
<div id="konfiguracja" class="dialog ukryte">
2025-09-22 18:58:40 +02:00
<form class="okno">
2025-09-22 13:16:18 +02:00
<h2>Nowa gra</h2>
<hr>
<h4>Źródło liczby</h4>
2025-09-22 13:45:32 +02:00
<fieldset>
2025-09-22 16:36:33 +02:00
<input type="radio" id="l-manual" name="losowosc" value="czlowiek" onclick="pokazNumer()"><label for="l-manual">Asystent (wprowadzone manualnie)</label>
2025-09-22 13:45:32 +02:00
<input type="radio" id="l-auto" name="losowosc" value="komputer"><label for="l-auto">Komputer (generowane automatycznie)</label>
</fieldset>
2025-09-22 13:16:18 +02:00
<br>
<br>
<h4>Zasady zakładu</h4>
2025-09-22 13:45:32 +02:00
<fieldset>
2025-09-22 18:58:40 +02:00
<label for="kwota">Kwota zakładu:</label><input type="range" id="kwota" name="zaklad" min="500" step="500" max="50000">
2025-09-22 13:45:32 +02:00
</fieldset>
2025-09-22 13:16:18 +02:00
2025-09-22 13:45:32 +02:00
<br>
<br>
<input type="submit" value="Zagraj">
</form>
</div>
2025-09-22 16:36:33 +02:00
<div id="liczba" class="dialog ukryte">
2025-09-22 13:45:32 +02:00
<form class="okno">
<h2>Liczba</h2>
<hr>
2025-09-22 18:58:40 +02:00
Upewnij się, że osoba grająca nie widzi ekranu i wprowadź liczbę z zakresu 1-100:
2025-09-22 13:45:32 +02:00
<br>
<br>
<fieldset>
<legend>Liczba:</legend>
2025-09-22 18:58:40 +02:00
<input type="number" id="numer" name="liczba" min="1" max="100" placeholder="Przykładowa liczba: 64" required>
2025-09-22 13:45:32 +02:00
</fieldset>
<br>
<br>
<input type="submit" value="Zapisz liczbę">
2025-09-22 13:16:18 +02:00
</form>
</div>
2025-09-22 18:58:40 +02:00
<div id="koniec" class="dialog ukryte">
<div class="okno">
<h2>Koniec gry</h2>
<hr>
Udało Ci się wygrać <span id="final">000zł</span>!
</div>
</div>
2025-09-22 13:16:18 +02:00
</body>
</html>