From cbe12f41d3b826dbf7bc01954502e37b03bd0e5e Mon Sep 17 00:00:00 2001
From: adamecki <luqasncs@protonmail.com>
Date: Wed, 23 Sep 2026 11:10:37 +0200
Subject: [PATCH] =?UTF-8?q?Rzucanie=20kostk=C4=85=20i=20wyszukiwanie=20dzi?=
 =?UTF-8?q?ury=20w=20=C5=9Bcie=C5=BCce?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Lekcja_03/z1.html | 221 +++++++++++++++++++++++++++++++++-------------
 1 file changed, 161 insertions(+), 60 deletions(-)

diff --git a/Lekcja_03/z1.html b/Lekcja_03/z1.html
index b261baa..9f83336 100644
--- a/Lekcja_03/z1.html
+++ b/Lekcja_03/z1.html
@@ -130,77 +130,135 @@
         #gracz2 {
             background-color: orange;
         }
+
+        .ustawienie {
+            height: 4em;
+            display: flex;
+            justify-content: space-evenly;
+            align-items: center;
+        }
+        label {
+            color: white;
+            font-weight: bold;
+            width: 50%;
+        }
+        #kostka {
+            width: 3em;
+            height: 3em;
+            color: black;
+            background-color: azure;
+        }
+        select {
+            padding: .25em;
+            background-color: azure;
+            border: none;
+        }
     </style>
     <script src="lib/jquery.js"></script>
     <script>
         $(document).ready(function () {
-            const wiersze = 5
-            const kolumny = 5
-
             let started = false
             let tura_g1 = true
             let licznik_g1 = 0
             let licznik_g2 = 0
+            let dice_thrown = false
+            let dice_score = 1
 
             let wspolrzedne = new Array()
+            
+            function utworz_plansze(wiersze, kolumny) {
+                // wyczysc diva
+                /*
+            <div id="gracz1" class="gracz">1</div>
+            <div id="gracz2" class="gracz">2</div>*/
+                $("#plansza").empty()
 
-            for (let i = 0; i < wiersze; i++) {
-                for (let j = 0; j < kolumny; j++) {
-                    const pole = $("<div>").addClass("pole")
+                const gracz1div = $("<div>")
+                    .addClass("gracz")
+                    .attr("id", "gracz1")
+                    .text("1")
 
-                    let id = (i * wiersze) + j
-                    let poleX = (j * 60) + 20
-                    let poleY = (i * 60) + 20
+                const gracz2div = $("<div>")
+                    .addClass("gracz")
+                    .attr("id", "gracz2")
+                    .text("2")
 
-                    pole.css("left", poleX)
-                    pole.css("top", poleY)
+                $("#plansza").append(gracz1div)
+                $("#plansza").append(gracz2div)
 
-                    pole.on("click", function () {
-                        let pass = false
+                for (let i = 0; i < wiersze; i++) {
+                    for (let j = 0; j < kolumny; j++) {
+                        const pole = $("<div>").addClass("pole")
 
-                        if (wspolrzedne.length == 0) { pass = true } else {
-                            if (wspolrzedne[wspolrzedne.length - 1].i == i) {
-                                if (wspolrzedne[wspolrzedne.length - 1].j - 1 == j | wspolrzedne[wspolrzedne.length - 1].j + 1 == j) {
+                        let id = (i * wiersze) + j
+                        let poleX = (j * 60) + 20
+                        let poleY = (i * 60) + 20
+
+                        pole.css("left", poleX)
+                        pole.css("top", poleY)
+
+                        pole.on("click", function () {
+                            let pass = false
+
+                            if (wspolrzedne.length == 0) { pass = true } else {
+                                if (wspolrzedne[wspolrzedne.length - 1].j == j && wspolrzedne[wspolrzedne.length - 1].i == i) {
                                     pass = true
                                 }
-                            } else if (wspolrzedne[wspolrzedne.length - 1].j == j) {
-                                if (wspolrzedne[wspolrzedne.length - 1].i - 1 == i | wspolrzedne[wspolrzedne.length - 1].i + 1 == i) {
-                                    pass = true
+                                else if (wspolrzedne[wspolrzedne.length - 1].j == j) {
+                                    if (wspolrzedne[wspolrzedne.length - 1].i - 1 == i | wspolrzedne[wspolrzedne.length - 1].i + 1 == i) {
+                                        pass = true
+                                    }
+                                } else if (wspolrzedne[wspolrzedne.length - 1].i == i) {
+                                    if (wspolrzedne[wspolrzedne.length - 1].j - 1 == j | wspolrzedne[wspolrzedne.length - 1].j + 1 == j) {
+                                        pass = true
+                                    }
+                                } 
+                            }
+
+                            if (pass) {
+                                let deleted = false
+                                for (let k = 0; k < wspolrzedne.length; k++) {
+                                    if (wspolrzedne[k].id == id) {
+                                        // usuwanie tylko od końca
+                                        if(k == wspolrzedne.length - 1) {
+                                            $(this).css("background-color", "gray")
+                                            wspolrzedne.splice(k, 1)
+                                        }
+                                        deleted = true
+                                        break
+                                    }
                                 }
-                            }
-                        }
 
-                        if (pass) {
-                            let deleted = false
-                            for (let k = 0; k < wspolrzedne.length; k++) {
-                                if (wspolrzedne[k].id == id) {
-                                    $(this).css("background-color", "gray")
-                                    wspolrzedne.splice(k, 1)
-                                    deleted = true
-                                    break
+                                if (!deleted) {
+                                    wspolrzedne.push({ id: id, posX: poleX, posY: poleY, i: i, j: j })
+                                    $(this).css("background-color", "green")
                                 }
+
+                                $("#wiadomosc").text(`Ścieżka ma ${wspolrzedne.length} pól.`)
+                            } else {
+                                $("#wiadomosc").text(`Dziura w ścieżce!`)
                             }
 
-                            if (!deleted) {
-                                wspolrzedne.push({ id: id, posX: poleX, posY: poleY, i: i, j: j })
-                                $(this).css("background-color", "green")
+                            if(wspolrzedne.length > 0) {
+                                $("#rozmiar").attr("disabled", "true")
+                            } else {
+                                $("#rozmiar").removeAttr("disabled")
                             }
-
-                            $("#wiadomosc").text(`Ścieżka ma ${wspolrzedne.length} pól.`)
-                        } else {
-                            $("#wiadomosc").text(`Dziura w ścieżce!`)
-                        }
-                    })
-                    $("#plansza").prepend(pole)
+                        })
+                        $("#plansza").prepend(pole)
+                    }
                 }
             }
 
+            utworz_plansze(5, 5)
+
             $("#start").on("click", function () {
                 if (!started) {
                     if (wspolrzedne.length < 3) {
                         $("#wiadomosc").text("Musisz wybrać co najmniej 3 pola!")
                     } else {
                         started = true
+                        $(this).attr("disabled", "true")
 
                         licznik_g2 = wspolrzedne.length - 1;
 
@@ -216,28 +274,46 @@
             })
 
             $("#ruch").on("click", function () {
-                if (started) {
-                    if (tura_g1) {
-                        if (licznik_g1 >= wspolrzedne.length - 1) {
-                            $("#wiadomosc").text("Koniec gry dla gracza 1!")
+                if(!dice_thrown) {
+                    $("#wiadomosc").text("Najpierw rzuć kostką!")
+                } else {
+                    if (started) {
+                        if (tura_g1) {
+                            if (licznik_g1 >= wspolrzedne.length - 1) {
+                                $("#wiadomosc").text("Koniec gry dla gracza 1!")
+                            } else {
+                                licznik_g1 += dice_score
+                                if(licznik_g1 > wspolrzedne.length - 1) { licznik_g1 = wspolrzedne.length - 1 }
+                                $("#gracz1").css("left", wspolrzedne[licznik_g1].posX)
+                                $("#gracz1").css("top", wspolrzedne[licznik_g1].posY)
+                                if(licznik_g1 == wspolrzedne.length - 1) {
+                                    $("#wiadomosc").text("Gracz 1 wygrał!")
+                                    $("#ruch").attr("disabled", "true")
+                                } else {
+                                    $("#wiadomosc").text("Ruch gracza 1. Teraz ruch gracza 2.")
+                                }
+                            }
                         } else {
-                            licznik_g1++
-                            $("#gracz1").css("left", wspolrzedne[licznik_g1].posX)
-                            $("#gracz1").css("top", wspolrzedne[licznik_g1].posY)
-                            $("#wiadomosc").text("Ruch gracza 1. Teraz ruch gracza 2.")
-                        }
-                    } else {
-                        if (licznik_g2 <= 0) {
-                            $("#wiadomosc").text("Koniec gry dla gracza 2!")
-                        } else {
-                            licznik_g2--
-                            $("#gracz2").css("left", wspolrzedne[licznik_g2].posX)
-                            $("#gracz2").css("top", wspolrzedne[licznik_g2].posY)
-                            $("#wiadomosc").text("Ruch gracza 2. Teraz ruch gracza 1.")
+                            if (licznik_g2 <= 0) {
+                                $("#wiadomosc").text("Koniec gry dla gracza 2!")
+                            } else {
+                                licznik_g2 -= dice_score
+                                if(licznik_g2 < 0) { licznik_g2 = 0 }
+                                $("#gracz2").css("left", wspolrzedne[licznik_g2].posX)
+                                $("#gracz2").css("top", wspolrzedne[licznik_g2].posY)
+                                if(licznik_g2 == 0) {
+                                    $("#wiadomosc").text("Gracz 2 wygrał!")
+                                    $("#ruch").attr("disabled", "true")
+                                } else {
+                                    $("#wiadomosc").text("Ruch gracza 2. Teraz ruch gracza 1.")
+                                }
+                            }
                         }
+
+                        tura_g1 = !tura_g1
                     }
 
-                    tura_g1 = !tura_g1
+                    dice_thrown = false
                 }
             })
 
@@ -252,10 +328,26 @@
                 licznik_g1 = 0
                 licznik_g2 = 0
                 started = false
+                $("#rozmiar").removeAttr("disabled")
+                $("#ruch").removeAttr("disabled")
+                $("#start").removeAttr("disabled")
 
                 $(".pole").css("background-color", "gray")
                 $("#wiadomosc").text("Wybierz co najmniej 3 pola i naciśnij START GRY")
             })
+
+            $("#rozmiar").on("change", function() {
+                $("#plansza").css("width", `${20*((3*$(this).val()) + 1)}px`).css("height", `${20*((3*$(this).val()) + 1)}px`)
+                utworz_plansze($(this).val(), $(this).val())
+            })
+
+            $("#kostka").on("click", function() {
+                if(!dice_thrown) {
+                    dice_score = Math.floor(Math.random() * 6) + 1
+                    $("#kostka").text(dice_score)
+                    dice_thrown = true
+                }
+            })
         })
     </script>
 </head>
@@ -268,10 +360,19 @@
             <button id="ruch">RUCH GRACZA</button>
             <button id="reset">RESETUJ</button>
         </nav>
-        <div id="plansza">
-            <div id="gracz1" class="gracz">1</div>
-            <div id="gracz2" class="gracz">2</div>
+        <div class="ustawienie">
+            <label for="kostka">Kostka</label>
+            <button id="kostka">1</button>
         </div>
+        <div class="ustawienie">
+            <label for="rozmiar">Rozmiar planszy</label>
+            <select name="rozmiar" id="rozmiar">
+                <option value="5" selected>5x5</option>
+                <option value="10">10x10</option>
+                <option value="15">15x15</option>
+            </select>
+        </div>
+        <div id="plansza"></div>
         <div id="wiadomosc">Wybierz co najmniej 3 pola i naciśnij START GRY</div>
     </main>
 </body>