BLACK FRIDAY - Největší IT akce roku. Získej až 80 % kreditů navíc nebo využij slevy až 80 % na e-learning. Ale pozor, akce platí pouze do 30. 11. 2025.
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

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

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;
});
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é.

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");

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ě

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() {
Avatar
Barbora Zdvihalová:8. září 17:35

At delam, co delam, vysledek scitani se neobjevi. :(

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 7 zpráv z 7.