JSFiddle - React, Tailwind, and code Playground

by Checha Man

HTML

<title>
   QuickBus
  </title>
  <div id="Bus">
   <div class="Row">
    <div class="FreeSeat" >1</div>
    <div class="FreeSeat" >2</div>
    <div class="ResSeat" >3</div>
    <div class="ResSeat" >4</div>
    <div class="ResSeat" >5</div>
   </div>
  </div>

JavaScript

var freeclass = document.getElementsByClassName("FreeSeat");
var resclass = document.getElementsByClassName("ResSeat");

var myFunction_Free = function() {
    this.style.color = "blue";
    //this.style.backgroundColor = "blue";
};

var myFunction_Res = function() {
    this.style.color = "red";
    //this.style.backgroundColor = "red";
};

for(var i=0;i<freeclass.length;i++){
    freeclass[i].addEventListener('click', myFunction_Free, false);
}

for(var i=0;i<resclass.length;i++){
    resclass[i].addEventListener('click', myFunction_Res, false);
}