JSFiddle - React, Tailwind, and code Playground
HTML
<button class="btn_hello1" type="button">안녕1</button>
<button class="btn_hello2" type="button">안녕2</button>
<button class="btn_hello3" type="button">안녕3</button>
<button class="btn_hello4" type="button">안녕4</button>
<button class="btn_hello5" type="button">안녕5</button>
<button class="btn_hello6" type="button">안녕6</button>
<button class="btn_hello7" type="button">안녕7</button>
JavaScript
// button 태그 전체를 변수에 할당
var btnEles = document.getElementsByTagName('button');
// 매개변수를 받아 alert을 출력하는 공통함수
function alert2(msg) {
var msg = this.textContent;
alert(msg);
}
// 변수에 넣은 버튼 태그에 클릭 이벤트 일괄 적용
for(var i = 0; i < btnEles.length; i++) {
btnEles[i].addEventListener('click', alert2);
}