Attaching a click event to multiple elements at once? [duplicate]

Question

Here is my code in jQuery:

$('.paragraph, .section, .heading').on('input', function (e) {
   localStorage.setItem($(this).attr('id'), $(this).text());
});

Is there any JavaScript equivalent where I could attach all events at once?

Answer 1

You could use querySelectorAll with your multiple element selectors, then add the event listeners to each one

var elements = document.querySelectorAll(".a, .b");
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener("click", function() {
    console.log("clicked");
  });
}

Answer 2

Suppose you want to add click event to multiple elements, then set their class name as for example demo

demos= document.getElementsByClassName('demo');
for (var i = 0; i < demos.length; i++) {
    demos[i].addEventListener('click',redirect,false);
}
function redirect(){
    alert(this.id);
}

WORKING FIDDLE