Блог

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

Как увеличить значение каждого элемента при нажатии

#javascript

Вопрос:

Как я могу увеличивать значение span при каждом щелчке и обновлять его новым значением? На самом деле я действительно увеличивал, но каждый раз, когда я нажимаю, число составляет всего 1;

И это не обновление значения с помощью нового

 const imageBelow = document.querySelectorAll('.below-img');
const cocuk = document.querySelectorAll('#cocuk');


imageBelow.forEach(function(item) {
  item.addEventListener('click', function(e) {
    let counter = e.currentTarget.innerText;
    let makeNumber = parseInt(counter)
    makeNumber  
    console.log(makeNumber);

  })
}) 
 <div class="below-img">
  <i class="fas fa-retweet"></i>
  <span id="cocuk"> 3 </span>
</div>

Комментарии:

1. Можете ли вы указать на конкретную строку кода в предоставленном вами фрагменте, в которой вы ожидали бы обновить DOM с увеличенным значением?

2. document.getElementById('Id').value=makeNumber';

Ответ №1:

Вам нужно установить innerText увеличенное значение.

 const imageBelow = document.querySelectorAll('.below-img');
const cocuk = document.querySelectorAll('#cocuk');


imageBelow.forEach(function(item) {
  item.addEventListener('click', function(e) {
    item.innerText = Number(item.innerText)   1;
    // or  item.innerText   1;
  })
}) 
 <div class="below-img">
  <i class="fas fa-retweet"></i>
  <span id="cocuk"> 3 </span>
</div>

Комментарии:

1. Спасибо за ответ, теперь он увеличивает каждый элемент, который я запрашиваю, и увеличивает значение. как я могу сделать это специально «целевым значением щелчка»?

2. Что ты имеешь в виду?

Метки: