JSFiddle - React, Tailwind, and code Playground

HTML

<div class="town_hover"></div>
<div class="town_hover"></div>
<div class="town_hover"></div>

CSS

div {
  border: 1px solid black;
  padding: 25px;
  display: inline-block;
  margin: 5px;
  
 }

JavaScript

var townHover = document.getElementsByClassName('town_hover');
for (var i in townHover) {
    townHover[i].onclick = function() {
    	alert('lalal');
    }
}