Staň se programátorem díky kurzům PRO s podporou uplatnění a vlastním full-stack projektem. Více informací:
POSLEDNÍ ŠANCE do 29. 8. 2025: Pracuj až o 60 % rychleji díky akreditovanému kurzu Specialista na AI. Nyní již od 0 Kč. Zjisti více:

Diskuze – Lekce 17 - Zpracování událostí DOM pomocí posluchačů v JavaScriptu

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Antonín Zimčík
Člen
Avatar
Antonín Zimčík:30.12.2024 11:32

Řešení podle posluchače událostí nefunguje. Místo cislo1 má být cislo1Element. U cislo2 je to samé. Chybí Element.

 
Odpovědět
30.12.2024 11:32
Avatar
Tomáš Schlesinger
Člen
Avatar
Odpovídá na Antonín Zimčík
Tomáš Schlesinger:30.12.2024 20:15

Ahoj, také jsem na to teď narazil

window.addEventListener("load", function() {
    let tlacitko = document.getElementById("tlacitko");
    let cislo1 = document.getElementById("cislo1");
    let cislo2 = document.getElementById("cislo2");

    tlacitko.addEventListener("click", function() {
        let c1 = parseFloat(cislo1.value);
        let c2 = parseFloat(cislo2.value);

        alert(c1 + c2);
    });

    // function secti() {
    //     let c1 = parseFloat(cislo1.value);
    //     let c2 = parseFloat(cislo2.value);

    //     alert(c1 + c2);
    // }

    // tlacitko.onclick = secti;
});
 
Odpovědět
30.12.2024 20:15
Avatar
Daniel Schneidr
Člen
Avatar
Daniel Schneidr:28. února 1:54

Fajn, ale uspěchané, zbytečný chaos kam co dát, kde co mít, škoda, že tu není nějaký kompilátor, který by ukázal jak podsložky a složky jsou a jak to tam je napsané.

 
Odpovědět
28. února 1:54
Avatar
Dalibor Rokyta
Člen
Avatar
Dalibor Rokyta:5. března 12:33

Chybný zápis řešení pomocí posluchače:
let cislo1 = document.getE­lementById("cis­lo1");
let cislo2 = document.getE­lementById("cis­lo2");
Správně má být:
let cislo1Element = document.getE­lementById("cis­lo1");
let cislo2Element = document.getE­lementById("cis­lo2");

 
Odpovědět
5. března 12:33
Avatar
Alona Sarkisian
Člen
Avatar
Alona Sarkisian:13. května 15:15

document.addE­ventListener("DOM­ContentLoaded", function () {
const tlacitkoElement = document.getE­lementById("tla­citko");
const cislo1Element = document.getE­lementById("cis­lo1");
const cislo2Element = document.getE­lementById("cis­lo2");

tlacitkoElemen­t.addEventLis­tener("click", function () {
let cislo1 = parseFloat(cis­lo1Element.va­lue);
let cislo2 = parseFloat(cis­lo2Element.va­lue);

if (isNaN(cislo1) || isNaN(cislo2)) {
alert("Zadej platná čísla!");
} else {
alert("Součet: " + (cislo1 + cislo2));
}
});
});
píše chyby, takže to bude správně

 
Odpovědět
13. května 15:15
Avatar
Maxim Kiselev
Člen
Avatar
Maxim Kiselev:18. července 0:11

V posledním příkladu jsou chyby:
Na začátku se proměnná nazývá "tlačítko", pak "tlacitkoElement".
Proměnné "cislo1" a "cislo2" změnit na "cislo1Element" a "cislo2Element" (jak bylo napsáno dříve).

let cislo1Element = document.getElementById("cislo1");
let cislo2Element = document.getElementById("cislo2");

tlacitko.addEventListener("click", function() {
 
Odpovědět
18. července 0:11
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.