From 4670d72a478ce538d36a2b429b2ef1225c622f3a Mon Sep 17 00:00:00 2001
From: Maksymilian Wojnar <maksymilian.wojnar@outlook.com>
Date: Mon, 7 Oct 2024 20:55:02 +0200
Subject: [PATCH 1/2] Szablon strony

---
 index.html | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5df2e23
--- /dev/null
+++ b/index.html
@@ -0,0 +1,37 @@
+<html>
+    <head>
+        <title>JavaScript na stronie internetowej</title>
+        <style>
+            body {
+                font-family: Arial, sans-serif;
+            }
+            .container {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 100vh;
+            }
+            .box {
+                width: 200px;
+                height: 200px;
+                background-color: lightblue;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                font-size: 24px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <div class="box" id="click">Kliknij!</div>
+            <div class="box" id="list" style="visibility: hidden;">
+                <ul>
+                    <li>Element 1</li>
+                    <li>Element 2</li>
+                    <li>Element 3</li>
+                </ul>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file

From 325beeac8cfc7d36a82a2115f5bbb214d0d6b463 Mon Sep 17 00:00:00 2001
From: Maksymilian Wojnar <maksymilian.wojnar@outlook.com>
Date: Mon, 7 Oct 2024 20:59:25 +0200
Subject: [PATCH 2/2] Zadanie domowe 4

---
 index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/index.html b/index.html
index 5df2e23..1eda3f5 100644
--- a/index.html
+++ b/index.html
@@ -33,5 +33,19 @@
                 </ul>
             </div>
         </div>
+        
+        <script type="text/javascript">
+            let box = document.querySelector('#click');
+            let score = 0;
+            box.addEventListener('click', () => {
+                score++;
+                box.textContent = `Wynik: ${score}`;
+                if (score % 2 === 0) {
+                    box.style.backgroundColor = 'lightgreen';
+                } else {
+                    box.style.backgroundColor = 'red';
+                }
+            });
+        </script>
     </body>
 </html>
\ No newline at end of file
