JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
  <div class="huest" style="background: red">Двач</div>
  <div class="huest">Сосач</div>
  <div class="huest">Харкач</div>
  <div class="huest">Дермач</div>
  <div class="huest">Пермач</div>
</div>

CSS

.huest {float: left; margin-right: 10px; padding: 10px; background: green; cursor: pointer;}

JavaScript

const items = document.getElementById('test').querySelectorAll('div')
  const clearStyles = () => {
    for (let i = 0; i < items.length; i++) {
      items[i].style.background = ''
    }
  }

  for (let i = 0; i < items.length; i++) {
    items[i].onclick = () => {
      clearStyles()
      items[i].style.background = 'red'
    }
  }