Javascript Function Code to Handle Event for All Classnames

Javascript Function Code Event Handler for ALL Elements with a Specific Classname Using forEach. Execute Code for Multiple Elements with the Same Classname.

To individualize code for particular elements within all the classes, simply reference the id of the element, as in the code below.

/* ----------------------------------------------- CHANGE [classname] TO THE ACTUAL NAME OF THE CLASS ----------------------------------------------- */ document.querySelectorAll('.classname').forEach(function (i) { i.addEventListener('input', function() { console.log(i.id); // replace with the actual code you want to execute; }); });