JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<button id="btn-1">кнопка 1</button>
<button id="btn-2">кнопка 2</button>
<button id="btn-3">кнопка 3</button>

<h1></h1>

JavaScript

/**
 * для вопроса https://qna.habr.com/q/925845
 * Как получить значение id кликнутого элемента?
 */
function getDetails() {
	const id = this.id;
  document.querySelector('h1').innerText = id;
}

[...document.querySelectorAll('button')]
.forEach((btn => btn.addEventListener('click', getDetails)));