JSFiddle - React, Tailwind, and code Playground

by Roman Fedytskyi

HTML

<div>
    <button class="btn_1">one</button>
    <button class="btn_2">two</button>
    <button class="btn_3">three</button>
    <button class="btn_4">four</button>
    <button class="btn_5">five</button>
    <button class="btn_6">six</button>
    <button class="btn_7">seven</button>
    <button class="btn_8">eight</button>
    <button class="btn_9">nine</button>
    <button class="btn_10">ten</button>
</div>

JavaScript

document.querySelectorAll('button').forEach(function (btn, i) {
	btn.addEventListener('click', function () {
  	console.log(i);
  });
})