JSFiddle - React, Tailwind, and code Playground

by Laurel Bruggeman

HTML

<div class="test">
    <div class="elem nested" id="stuff">stuff</div>
    <div class="elem nested">things</div>
    <div class="elem">andother</div>
</div>

CSS

.elem{
    border: 1px solid red;
}

JavaScript

(function iterate(){
   var childs = document.getElementsByClassName("elem");
    var stuff = document.getElementById('stuff');
    //stuff.innerHTML = "what";
    for(var i=0; i<childs.length; i++){
        if((i+1)%2==0) childs.item(i).innerHTML = "elem 2";
        else childs.item(i).innerHTML = "elem";
        
    }
    alert(childs.length);
}());


function reverse(s){
   return s.split("").reverse().join("");
}