Binding an event listener to multiple elements with the same class

Question

I\'m trying to apply the onclick event with JavaScript to the following elements:

first


        
      

Answer 1

.onclick does not expect to receive a string, and in fact you don't need an extra function at all.

However, to assign it to each element, use a loop, like I'm sure you must have learned about in a beginner tutorial.

var els = document.getElementsByClassName('abc');
for (var i = 0; i < els.length; i++) {
  els[i].onclick = fun1;
}

function fun1() {
  this.style.color = "red";
}

first
second
third