JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

div {
 width: 50px;
  height: 50px;
   display: block;
   background: #ccc; 
    margin-bottom: 2px;
}

JavaScript

var nl = document.getElementsByTagName('div'), selection = [];
for(var i = 0, n; n = nl[i]; ++i) selection.push(n);

selection.changeColor = function(color){
    this.loop(function(){
        this.style.backgroundColor = color; 
    });
}
selection.loop = function(callback){
    for(var i=0;i<this.length;i++){
        callback.apply(this[i]);    
    }
}
selection.changeColor("red");