Блог

Главная - Вопросы по программированию - Как заставить счетчик снова начинаться с 0 в JavaScript

Как заставить счетчик снова начинаться с 0 в JavaScript

#javascript #count #increment

Вопрос:

ОК. Я пытаюсь использовать функцию, которая подсчитывает числа при нажатии. Есть 2 кнопки: та, которая считает, и та, которая сохраняет номер. При нажатии на последнее первое должно начать отсчет с 0, но мой код начинается с текущего числа

 let count = 1;

function increment() {
  console.log("The button was clicked");
  document.getElementById("count-el").innerText = count;
  count  = 1;
}
function save() {
  document.getElementById("save-btn").innerText = count - 1;
  document.getElementById("count-el").innerText = 0;
} 
 body {
  margin: -2px 0 0 0;
  zoom: .8;
}
h1, h2 {
  margin: 0;
} 
 <h1>People entered</h1>
<h2 id="count-el">0</h2>

<button id="increment-btn" onclick="increment()">INCREMENT</button>

<button id="save-btn" onclick="save()">SAVE</button>

Ответ №1:

Итак, в функции сохранения просто обновите «let», которое вы назвали «count».

 function save() {
  document.getElementById("save-btn").innerText = count - 1;
  document.getElementById("count-el").innerText = 0;
  count = 1;
}

Ответ №2:

Когда вы сохраняете данные, просто обновите переменную count..

 let count = 1;

function increment() {
  console.log("The button was clicked");
  document.getElementById("count-el").innerText = count;
  count  = 1;
}
function save() {
  document.getElementById("save-btn").innerText = count - 1;
  document.getElementById("count-el").innerText = 0;
  count = 1;
} 
 <h1>People entered</h1>
<h2 id="count-el">0</h2>

<button id="increment-btn" onclick="increment()">INCREMENT</button>

<button id="save-btn" onclick="save()">SAVE</button>
Метки: