JSFiddle - React, Tailwind, and code Playground

by eget teteete

HTML

<p></p>
<p></p>
<p></p>
<p></p>

CSS

p {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid grey;
  margin-right: 5px;
}

.active {
  background-color: #8542;
}

JavaScript

const p = document.getElementsByTagName('p');
console.log(p);
for (let i = 0; i < p.length; i++) {
  p[i].onclick = function() {
    p[i].style.backgroundColor = 'red';
  }
}