<p>Example for QnA</p>
<section>
  <div>
    <button class="button">A</button>
    <button class="button">B</button>
    <button class="button">C</button>
  </div>
</section>

.active {
  width: 3em;
  color: red;
}

/**
 * для вопроса https://qna.habr.com/q/1237988
 * Как понять какой элемент был нажат, без использования id и аттрибутов?
 */
document.addEventListener('click', ({ target }) => {
  if (!target.classList.contains('button')) return;
  target.classList.toggle('active');
});