На сайте есть несколько кнопок плюс и минус и рядом с ними цифра, при нажатии на них цифра должна увеличиваться или уменьшаться. Так вот, чтобы работали все кнопки, я использовал querySelectorAll, НО теперь число увеличивается везде, а мне нужно чтобы число менялась только там где нажимаешь кнопку.
Знаю объяснил плохо, но надеюсь кто-нибудь поймет и поможет мне :)
Вот код:
HTML
<div class="menu-count-btn">
<button class="minus">-</button>
<div class="count-number">0</div>
<button class="plus">+</button>
</div>
JS
document.querySelectorAll('.plus').forEach((btn) => {
btn.onclick = function() {
let plusResult = document.querySelectorAll('.count-number').forEach((number) => {
number.innerHTML++
})
if (plusResult == 6) {
document.querySelector('.count-number').innerHTML = 6
}
}
})
document.querySelectorAll('.minus').forEach((btn) => {
btn.onclick = function() {
let minusResult = document.querySelectorAll('.count-number').forEach((number) => {
number.innerHTML--
})
if (minusResult == 0) {
document.querySelector('.count-number').innerHTML = 0
}
}
})
