добавление прослушивателя событий в коллекцию

Question

если у меня есть коллекция с таким же классом, как я могу добавить прослушиватель событий onclick, не влияя на каждый элемент этого класса.

<div class = "overlay">etc. etc.</div>
<div class = "overlay">etc. etc.</div>
<div class = "overlay">etc. etc.</div>
<div class = "overlay">etc. etc.</div>

Я бы хотел запустить следующее, но только на тот, на который я нажал ...

Answer 1

Попробуйте:

x = document.getElementsByClassName("overlay");
for(var i = 0; i < x.length; i++){
    x[i].addEventListener("click", function() { this.classList.add("hide"); })
}