JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<ul id="test">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>

CSS

.test {
    margin-bottom: 1em;
    background: silver;
    padding: 0.5em;
}

JavaScript

function foreach(haystack, callback) {
    for (var i in haystack) {
        if (typeof(haystack[i]) !== 'function') {
            callback(i, haystack[i]);
        };
    };
};

var set = document.getElementById('test').getElementsByTagName('li');

foreach(set, function(index, element) {
    element.className = 'test';
});