JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<div id="item1" class="events"></div>
<div id="item2" class="events"></div>
<div id="item3" class="events"></div>
<div id="item4" class="events"></div>
<div id="item5" class="events"></div>

JavaScript

"use strict";

 Array.from(document.getElementsByClassName("events")).forEach(function(item) {
   log(item.id);
 });
 
 // utility function to display output
function log(args) {
    var str = "";
    for (var i = 0; i < arguments.length; i++) {
        if (typeof arguments[i] === "object") {
            str += JSON.stringify(arguments[i]);
        } else {
            str += arguments[i];
        }
    }
    var div = document.createElement("div");
    div.innerHTML = str;
    var target = log.id ? document.getElementById(log.id) : document.body;
    target.appendChild(div);
}