Lekcja 8

assets/js/js-petle.js

@@ -1,7 +1,10 @@
 document.addEventListener("DOMContentLoaded", () => {
     zad1();
+    zad5();
+    zad6();
     zad7();
     zad12();
+    zad15();
     zad17();
 })
 
@@ -10,8 +13,30 @@ function zad1() {
     for (let i = 0; 10 > i++; elem.innerText += i + "\n") {}
 }
 
-function zad6() {
+function zad5() {
+    const x = parseInt(document.getElementById("zad5-x").value)
+    const y = parseInt(document.getElementById("zad5-y").value)
 
+    let stanKonta = 0;
+
+    for (let miesiac = 0; x > miesiac; miesiac++) {
+        stanKonta += y + stanKonta * 0.08
+    }
+
+    const elem = document.getElementById("zad5")
+    elem.innerText = `W ciągu ${x} miesięcy, pracownik zgromadził ${Math.round(stanKonta * 100) / 100}zł`
+}
+
+function zad6() {
+    let suma = 0
+    let wynik = -5
+    for (let i = 0; 99 > i; i++) {
+        wynik += 10
+        suma += wynik
+    }
+
+    const elem = document.getElementById("zad6")
+    elem.innerText = `Suma elementów ciągu wynosi ${suma}`
 }
 
 function zad7() {
@@ -31,6 +56,25 @@ function zad12() {
     }
 }
 
+function zad15() {
+    const rozmiar = parseInt(document.getElementById("zad15-rozmiar").value)
+    const elem = document.getElementById("zad15")
+    const polowa = Math.ceil(rozmiar) - 1
+    elem.innerHTML = ""
+
+    for (let linia = 0; rozmiar > linia; linia++) {
+        const p = document.createElement("pre")
+        for (let ceglowka = 0; rozmiar * 2 - 1 > ceglowka; ceglowka++) {
+            if (ceglowka == polowa - linia || ceglowka == polowa + linia || linia == rozmiar - 1) {
+                p.innerText += "🐾"
+            } else {
+                p.innerText += "😒"
+            }
+        }
+        elem.appendChild(p)
+    } 
+}
+
 function zad17() {
     const elem = document.getElementById("zad17")
     for (let i = 0; 5 > i++;) {

js-petle.html

@@ -27,6 +27,11 @@
                 <li value="5">
                     <h4>Pensje</h4>
                     <hr>
+                    <label for="zad5-x">Ilość miesięcy</label>
+                    <input type="number" id="zad5-x" oninput="zad5()">
+                    <label for="zad5-x">Kwota wpłat</label>
+                    <input type="number" id="zad5-y" oninput="zad5()">
+                    <p id="zad5"></p>
                 </li>
                 <br>
                 <li>
@@ -54,6 +59,9 @@
                 <li value="15">
                     <h4>Wizualizacja piramidy</h4>
                     <hr>
+                    <label for="zad15-rozmiar">Rozmiar piramidy</label>
+                    <input id="zad15-rozmiar" oninput="zad15()">
+                    <p id="zad15"></p>
                 </li>
                 <br>
                 <li value="17">