Есть много способов создать счетчик JavaScript. В этом посте мы узнаем, как это сделать двумя способами.
1. Использование setInterval
setInterval - это метод в javascript для повторного выполнения некоторой задачи в определенное время. Мы создадим его напрямую в теге скрипта внутри HTML-файла и зарегистрируем его в console.log в браузере. Вот как это выглядит.
Там мы объявляем переменную с именем counter, а затем присваиваем ей значение 0. Затем мы создаем метод setInterval, чтобы многократно увеличивать значение счетчика, и оно будет увеличиваться каждые 1000 мс или каждую 1 секунду. Вы также можете написать его в более коротком синтаксисе, подобном этому.
Эти 2 способа немедленно активируются при открытии браузера и будут продолжать увеличивать счетчик, пока браузер не обновляется.
2. С помощью кнопки
Другой способ создать счетчик - создать кнопку в HTML, а затем назначить ей событие onclick. Вот как это сделать.
Здесь мы создаем кнопку в HTML и присваиваем ей идентификатор btncounter.
Затем мы присвоили его переменной, чтобы передать ему событие onclick listener. Метод внутри onClick примерно такой же, как и в предыдущем, но на этот раз мы больше не используем setInterval, потому что счетчик будет увеличиваться только после нажатия кнопки.
В качестве альтернативы вы также можете отобразить результат в HTML вместо журнала консоли. Вот как это делается.
Здесь мы определили тег p и передали его и id result.
Затем вместо журнала консоли мы отображаем счетчик в HTML с помощью querySelector и передаем ему результат счетчика.
Вот и все! Вот как вы можете создать счетчик в javascript несколькими способами. Надеюсь, эта статья поможет вам, спасибо, что дочитали до этого момента. Спасибо!
