• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pętle oraz metody Javascript

VPS Starter Arubacloud
0 głosów
273 wizyt
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).

 

1
komentarz 29 stycznia 2023 przez VBService Ekspert (251,210 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 (251,210 p.)
edycja 29 stycznia 2023 przez VBService

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

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. wink 

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

Ja to ja, @Verone, by się napracował przy reszcie zadań i jedynkę by dostał. Jeszcze raz dzięki, że sprostowałeś :).

1 odpowiedź

+2 głosów
odpowiedź 28 stycznia 2023 przez tangarr Mędrzec (154,780 p.)
Może zacznij od kursu https://kursjs.pl/

Podobne pytania

0 głosów
3 odpowiedzi 343 wizyt
pytanie zadane 11 września 2022 w JavaScript przez Doge Gaduła (3,320 p.)
+2 głosów
2 odpowiedzi 281 wizyt
pytanie zadane 25 kwietnia 2022 w Java przez cfaniaczek Nowicjusz (200 p.)
0 głosów
1 odpowiedź 497 wizyt
pytanie zadane 29 października 2020 w Java przez stronek1899 Nowicjusz (160 p.)

92,452 zapytań

141,262 odpowiedzi

319,079 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...