Запіс на курсы па HTML, CSS, JavaScript, PHP, Python, фрэймворкам і CMS,
а таксама: дапамога ў пошуку працы і заказаў, стажыроўка на рэальных праектах→
⊗jsPmTrDm 450 of 505 menu

Практыка на таймеры і работу з DOM у JavaScript

Няхай у нас дадзены інпут:

<input id="elem" value="1">

Давайце зробім таймер, які кожную секунду павялічвае значэнне атрыбута value нашага інпута на адзінку:

let elem = document.querySelector('#elem'); setInterval(function() { elem.value = Number(elem.value) + 1; }, 1000);

Тлумачыце, навошта ў прыведзеным вышэй кодзе выкарыстоўваецца функцыя Number. Што будзе, калі не напісаць гэтую функцыю ў даным кодзе?

Няхай у інпуце ў атрыбуце value першапачаткова запісана лік 10. Запусціце таймер, які кожную секунду будзе памяншаць гэты лік на адзінку.

Мадыфікуйце папярэднюю задачу так, каб, як толькі змест інпута стане роўны нулю, таймер спыніў сваю работу.

byenru