JSFiddle - React, Tailwind, and code Playground

by simevidas

HTML

<div>
    <div class="hitArea"> INITIAL </div>
    <div class="hitArea"> INITIAL </div>
    <div class="hitArea"> INITIAL </div>
    <div class="hitArea"> INITIAL </div>
    <div class="hitArea"> INITIAL </div>
    <div class="hitArea"> INITIAL </div>
    <div class="hitArea"> INITIAL </div>
</div>

JavaScript

var hitAreas = document.getElementsByClassName('hitArea');

for (hitArea in hitAreas) {
    hitAreas[hitArea].className = 'hitArea_practice';
    hitAreas[hitArea].innerHTML = 'ITERATION OCCURED';
}