Code Lab BetaBUILD. RUN. DISCOVER.
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
JAVASCRIPT DOM / CHAPTER 04 / Учене / LESSON 01
Глава DOM. Досега JavaScript пишеше в конзолата. Сега кодът среща страницата: HTML описва структурата, а JS я променя.
Елементът има таг (h1, p, button), атрибути (id, class) и съдържание. id е уникален адрес: #title сочи към елемента с id="title".
В Code Lab HTML-ът е подготвен от урока — ти пишеш само JavaScript. Preview показва страницата в безопасен iframe.
Мини идея: document.querySelector("#status") намира елемента; .textContent слага текст вътре.
Честа грешка: да търсиш елемент преди HTML-ът да е готов; или да бъркаш id с class (# vs .).
<h1 id="title">Budget</h1><p id="note">Panel</p><p id="status">…</p>HTML описва структурата; JS пише в #status.
Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).
›