Diskuze – Lekce 15 - Základy práce s DOM a události v JavaScriptu

Zajímavé je, že k "předání" došlo patrně již někdy v roce 2014, jak bych laicky usoudil podle data prvních komentářů. A podle údaje z medailonu autora této lekce (22 let) by se dále dalo usoudit, že ji psal ve čtrnácti 🤯

Autor se toho asi snažil ukázat co nejvíc. Ale ultimátní výsledek dnešní kalkulačky jsou vlastně tři řádky kódu.

Funkce v kalkulacka.js kde se asi zbytečně parsuje protože input mohl být typu number

function secti() {
    alert(parseInt(document.getElementById("cislo1").value) + parseInt(document.getElementById("cislo2").value));
}

a událost na tlačítku

<button id="tlacitko" onclick="secti()">Sečti!</button>

HTML atribut onClick v JS souboru opravdu nefunguje a skript jsem rozchodil až s metodou addEventListener()

Na můj vkus mírně chaotická lekce - vysvětlení zkratky DOM a seznámení s několika náhodně vybranými metodami na příkladu kalkulačky.

Ahoj Lukáši, díky za tvůj komentář, lekce průběžně aktualizujeme, tak zkusíme lépe vyladit Poradíš, co by ti třeba konkrétně v lekci pomohlo?

Ahoj Natálie, reakci jsem psal po prvním přečtení. Takto s mírným odstupem už mi jsou principy spojené s DOM trochu jasnější.

Ale určitě bych uvítal nějaký obšírnější úvod o tom, co je to DOM a jaké všechny možnosti nám práce s ním nabízí. Nebát se více se o tom rozkecat

Super Lukáši, díky za tvůj postřeh, zkusíme to Jsem ráda, že tě to neodradilo, a nakonec to bylo jasnější, přeju úspěchy v dalším učení!

Děkujeme za vaše podněty.** Lekci jsme aktualizovali**

Občas chybí důkladnější vysvětlení a prostě do kodu něco napíšem a funguje to takto... proč?
document.addE­ventListener("DOM­ContentLoaded", function()