JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
  <div class="huest" style="background: yellow">Двач</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

let allBtn = document.querySelectorAll('.huest')

allBtn.forEach(e => {
  e.addEventListener('click', () => { 
    allBtn.forEach(e => e.style.backgroundColor = 'green')
    e.style.backgroundColor = 'yellow' 
  })
})