JSFiddle - React, Tailwind, and code Playground

by Andry Zirka

HTML

<div class="Buttons">
        <div id="element1">
            <label><a href=""> Button1</a> </label>
        </div>
    </div>


     <div class="Buttons">
        <div id="element2">
              <label><a href=""> Button2</a> </label>
        </div>
     </div>

CSS

#element1 {
        width: 50px;
        height: 50px;
        margin: 10px;
        background-color: red;
    }
    
    #element2 {
        width: 50px;
        height: 50px;
        margin: 10px;
        background-color: green;
    }

JavaScript

var buttonClick = document.getElementsByClassName('Buttons');
  buttonClick.onclick = function() 
  { for (i=0; i< buttonClick.length; i++) 
        alert("OK class");
  };