JSFiddle - React, Tailwind, and code Playground

by thatsnotnice

HTML

<h2>ZOMFG!! click there!!!!!11</h2>
<div class="let1">1</div>
<div class="let2">2</div>
<div class="let3">3</div>
<div class="let4">4</div>
<div class="let5">5</div>
<br />
<div class="var1">1</div>
<div class="var2">2</div>
<div class="var3">3</div>
<div class="var4">4</div>
<div class="var5">5</div>

CSS

div {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 20px 0
}

[class^="let"] {
  background-color: orange;
}

[class^="var"] {
  background-color: limegreen;
}

JavaScript

for (let i = 1; i < 6; i++)
  $(".let" + i).click(() => alert(i))

for (var j = 1; j < 6; j++)
  $(".var" + j).click(() => alert(j))