Pętle oraz metody Javascript

pytanie zadane 28 stycznia 2023 w JavaScript przez Verone Nowicjusz (120 p.)

Cześć, Mam do napisania 10 programów z pętli i metod w javascript jestem początkującym nie było mnie na lekcjach wiec nie wiem od czego zacząć

komentarz 29 stycznia 2023 przez TOWaD Mądrala (5,700 p.)
edycja 29 stycznia 2023 przez TOWaD

może coś podobnego do tego :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        [id="zadanie 9"] button {
            background-color: red;
        }
    </style>
</head>

<body>

    <!-- //////////////////////////////////////////////// -->
    <article id="zadanie 1">
        <fieldset>
            <legend>1. liczba większa od zera</legend>
            <label for="liczba">Podaj liczbę >0</label>
            <input id="liczba" type="text">
            <output id="out"></output>
            </div>
            <script>
                const liczba = document.querySelector("#liczba");
                const out = document.querySelector("#out");
                liczba.addEventListener("change", () => {

                    if (parseInt(liczba.value) > 0) out.textContent = "Podałeś prawidłową liczbę."
                    else out.textContent = "Podałeś nieprawidłową liczbę."
                }
                )
            </script>
        </fieldset>
        <!-- //////////////////////////////////////////////// -->
    </article>
    <article id="zadanie 9">
        <form>
        <fieldset>
            <legend>9. Równane kwadratowe ax <sup>2</sup> + bx + c = 0</legend>
            <label for="a">a =</label>
            <input id="a" type="text">
            <label for="b">b =</label>
            <input id="b" type="text">
            <label for="c">c =</label>
            <input id="c" type="text">
            <p><output> </output></p>
            <button>oblicz</button>
        </fieldset>
        </form>
        <script>
            const input_a = document.querySelector("#a");
            const input_b = document.querySelector("#b");
            const input_c = document.querySelector("#c");
            const submit = document.querySelector('[id="zadanie 9"] button');
            const out9 = document.querySelector('[id="zadanie 9"] output');
            submit.addEventListener("click", e => {

                e.preventDefault();
                let a = Number(input_a.value);
                let b = Number(input_b.value);
                let c = Number(input_c.value);

                let delta = fdelta(a, b, c);
                let x1 = fx1(a, b, delta);
                let x2 = fx2(a, b, delta);



                if (delta > 0) out9.innerHTML = `Rozwiązaniem równania ${a}x <sup>2</sup> + ${b}x + ${c} = 0, są pierwiastki
                                                    <br> x1 = ${x1}
                                                    <br> x2 = ${x2}`
                else if (Math.abs(delta) < 0.000000000001) 
                out9.innerHTML = `Rozwiązaniem równania ${a}x <sup>2</sup> + ${b}x + ${c} = 0, jest pierwiastek
                                                    <br> x1 = ${x1}`
                else out9.innerHTML = `Dla równania ${a}x <sup>2</sup> + ${b}x + ${c} = 0, brak jest rozwiązań rzeczywistych`;
            }
            )
            function fdelta(a, b, c) {
                return b * b - 4 * a * c;
            }
            function fx1(a, b, delta) {
                return (-b - Math.sqrt(delta) )/ 2 / a;
            }
            function fx2(a, b, delta) {
                return (-b + Math.sqrt(delta)) / 2 / a;
            }

        </script>
    </article>
    <article id="zadanie 2">
        <!-- 2 np. for(let i=x;x<y,i++) if(x%2) -->
    </article>
    <!-- np input i "change" lub onchange

    https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
    
    ////i jakieś algorytmy/////////////////////////////
  
</body>

</html>

Tak jak napisał @tangarr kursjs jest bardzo dobry, ale na początek polecam kursy Pana Zelenta,

tu też czasami zaglądam,

oczywiście MDN i inne angielskie strony.

A ostatnio odkryłem twórcę stron. No i pewne jakieś płatne jak toś chce szybko i dobrze.

To tak jak z uczelniami publicznymi (jesteś dobry to się naucz) i prywatnymi (dobrze zapłacisz to my Cię nauczymy).

komentarz 29 stycznia 2023 przez VBService Ekspert (252,780 p.)
edycja 29 stycznia 2023 przez VBService

@TOWaD; BTW w zadaniu 1 jest m. in. ...

Zadanie 1 (użyj pętli)

więc chyba coś np. takiego

let liczba = 0;
do {
  liczba = prompt('Podaj liczbę większą od zera:');
  if (liczba > 0) break;
  alert('Podałeś nieprawidłową liczbę.');
} while (liczba < 1);

komentarz 29 stycznia 2023 przez TOWaD Mądrala (5,700 p.)

Ok, fakt rzeczywiście tez się nad tym zastanawiałem, i czy to, nie chodzi, o czysty JS i konsolę bez strony (bez html).

No i fakt nie dodałem walidacji.

Ale jak mówimy o metodzie to pewnie i o klasie nie wiem jak to jest z JS.

Czy funkcje składowe, funkcji to metody? Czy funkcje obiektu to metody?.

komentarz 29 stycznia 2023 przez TOWaD Mądrala (5,700 p.)

@VBService, Fakt ten komentarz jest z cyklu piszę co wiem, a nie wiem co piszę :).

komentarz 29 stycznia 2023 przez VBService Ekspert (252,780 p.)
edycja 29 stycznia 2023 przez VBService

@TOWaD, Luz, wszyscy się czegoś, ciągle uczymy.

Twój przykład działa (można powiedzieć, że jest bardziej "user friendly", niż zapisany w samej javascript, no i, w tym przypadku lepiej jest użyć zdarzenia (event) niż pisać kod w pętli, ale w treści jest prośba o użycie pętli), tylko w Mojej opinii nie do końca spełnia warunki podane w treści zadania i tylko tyle.