Задание звучит так: Даны кнопки. Привяжите к каждой кнопке событие по клику, которое будет считать количество нажатий по кнопке и выводить его в текст кнопки. Количество нажатий для каждой кнопки должно хранится в замыкании.
У меня получилось создать только счетчик, который считает клики по всем кнопкам, но не по отдельности (если я кликнул на кнопку1 3 раза, то кликнув на кнопку2 вместо 1 я получу 4 а после клика на кнопку3 я получу 5). Если я пытаюсь отдельно для каждой кнопки описать счетчик, то получаю ошибку res is not a function:
btn1.addEventListener('click', function(){
function func (){
let k = 0;
function count(){
return k++
}
return count()
}
let res = func();
btn1.innerText = res()
})
Можно ли как-то разделить счетчик, чтобы он считал клики для каждой кнопки отдельно начиная с 0?
Вот мой код, в котором счетчик работает для всех кнопок вместе:
btn1 = document.getElementById('1')
btn2 = document.getElementById('2')
btn3 = document.getElementById('3')
function func() {
let k = 0;
return function count() {
return k++
}
}
let res = func ()
btn1.onclick = () => {
btn1.innerText = res()
}
btn2.onclick = () => {
btn2.innerText = res()
}
btn3.onclick = () => {
btn3.innerText = res()
}