Добавление номеров в span JavaScript

Question

У меня есть кнопка на моей странице с кликом-счетчиком как span (с классом .counter). Как только кнопка нажата, к счетчику следует добавить +1 (на странице, а не на консоли). Как я могу добавить 1 к строке в диапазоне, в настоящее время innerHTML - 0? Я попытался с кодом ниже, но он не работает, к сожалению. Когда я попытался без parseInt, цифры были добавлены в диапазон, чтобы я получил, например. 011 вместо 2.

document.addEventListener("DOMContentLoaded", function() { 
    var counters = document.querySelectorAll(".counter"); 

    var btn1 = document.getElementById("button1"); 

    function btn1Count (event) { 
     parseInt(counters[0].innerHTML,10) += 1; 
    } 

    btn1.addEventListener("click", btn1Count); 

}); 

Answer 1

Использование parseInt, но как:

counters[0].innerHTML = parseInt(counters[0].innerHTML,10) + 1; 

Примечание: Это будет лучше использовать textContent вместо этого, если бы вы просто добавить текст (без HTML):

counters[0].textContent = parseInt(counters[0].textContent,10) + 1; 

Надеюсь, это поможет.

var btn1 = document.getElementById("button1"); 
 
var counters = document.querySelectorAll(".counter"); 
 

 
btn1.addEventListener("click", btn1Count); 
 

 
function btn1Count (event) { 
 
    counters[0].textContent = parseInt(counters[0].textContent) + 1; 
 
}

<button id="button1">Button 1</button> 
 
<br> 
 
<span class='counter'>0</span>

Answer 2

Просто измените

counters[0].innerHTML = parseInt(counters[0].innerHTML,10) + 1; 

вы просто не установили span содержание