при клике на елемент счетчик должен считать кол-во кликов на каждый елемент, на елемент который уже был и на елемент который может быть добавлен, проблема что везде счетчик показывает 1, как можно это исправить
function ready() {
function elemClass() {
var container = document.querySelectorAll(".container");
for (var i = 0; container.length > i; i++) {
var elem = container[i].querySelectorAll(".elem");
for (var j = 0; elem.length > j; j++) {
var block = elem[j];
var counter = 0;
block.onclick = function(block, counter) {
counter++;
block.innerHTML = counter;
}.bind(this, block, counter);
}
}
};
elemClass();
document.querySelector(".btn-add").onclick = function() {
var elem = document.createElement("div"),
container = document.querySelector(".container");
elem.classList.add("elem");
container.appendChild(elem);
elemClass();
}
};
document.addEventListener("DOMContentLoaded", ready);
.container {
display: flex;
}
.elem {
width: 100px;
height: 100px;
margin-right: 10px;
margin-bottom: 10px;
color: #fff;
background: gold;
}
.elem.active {
background: blue;
}
<div class="container">
<div class="elem"></div>
<div class="elem"></div>
<div class="elem"></div>
</div>
<button class="btn-add">add element</button>