JSFiddle - React, Tailwind, and code Playground

by edwardsharp

HTML

<body>
<div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>
  </body>

CSS

div {
    width: 500px;
    height: 50px;
}

div div {
    width: 50px;
    height: 50px;
    outline: 1px solid;
    float: left;
}

JavaScript

var box;
    var boxArray;
             boxArray = [];

        box = document.getElementsByClassName("box");
        for ( var i = 0; i < box.length; i++ ) (function(i){
  box[i].onmousemove = function(e) {
      if(e.buttons == 1)
    		box[i].style.backgroundColor = "green";
  }
})(i);