JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>

CSS

.active {
  background-color: #ff0000;
}

JavaScript

const container = document.querySelector('.container')

container.addEventListener('click', function(e) {
	const items = document.querySelectorAll('.item')
	const target = e.target
  Array.from(items).forEach(item => {
  	item.classList.remove('active')
  })
  target.classList.add('active')
})