JSFiddle - React, Tailwind, and code Playground

by James Doyle

HTML

<div id="write"></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>

CSS

.box {
    width: 200px;
    height: 30px;
    background: #333;
    border: 1px solid #000;
    margin: 10px 5px;
    -moz-transform: scale(1,1);
}

#write {
    color: #f00;
    margin-left: 2em;
    font-size: 2em;
    font-weight: bold;
}

JavaScript

var box = document.getElementsByClassName('box');
document.getElementById('write').innerHTML = box.length;