Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
JAVASCRIPT DOM / CHAPTER 04 / Учене / LESSON 10
Капстоун: малък калкулатор за бюджет в страницата. Прочети income и expense от inputs, сметни remaining, покажи го, и маркирай панела с клас ok или bad.
Съчетава querySelector, value, Number, textContent, classList и click.
Мини план:
1) слушай #calc click 2) remaining = Number(income.value) - Number(expense.value) 3) #remaining textContent = String(remaining) 4) ако remaining >= 0 → classList add ok, remove bad; иначе обратното
Честа грешка: да объркаш реда income/expense; или да оставиш стария клас.
<style>.ok{border:2px solid #3b9778}.bad{border:2px solid #8f3d4d}</style><div id="panel" class="box"><input id="income" type="text" value="0" /><input id="expense" type="text" value="0" /><button id="calc" type="button">Calc</button><p id="remaining">?</p></div>Съчетава value, смятане, textContent и classList.
Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).
›