Example #2: Rewriting jQuery's .each() in Vanilla JS

sample.js

// Select all HTML elements with class .text-input
var inputs = document.getElementsByClassName('text-input');

// Create event handling functions
function textInputFocusHandler(){ console.log('focus');}
function textInputBlurHandler(){ console.log('blur'); }

// Attach focus & blur handlers to selected inputs
inputs.addEventListener('focus', textInputFocusHandler);
inputs.addEventListener('blur', textInputBlurHandler);