JSFiddle - React, Tailwind, and code Playground

HTML

<button id="tab1">1</button>
<button id="tab2">2</button>
<button id="tab3">3</button>
<button id="tab4">4</button>

JavaScript

var tabs = ['tab1', 'tab2', 'tab3', 'tab4'];
        for(i = 0; i < tabs.length; i++) {
            document.getElementById(tabs[i]).addEventListener("click", function(){
                   alert('clicked='+ this.id);
            });

        }