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

var btnEle1 = document.querySelector('.btn_hello1');
var btnEle2 = document.querySelector('.btn_hello2');
var btnEle3 = document.querySelector('.btn_hello3');
var btnEle4 = document.querySelector('.btn_hello4');
var btnEle5 = document.querySelector('.btn_hello5');
var btnEle6 = document.querySelector('.btn_hello6');
var btnEle7 = document.querySelector('.btn_hello7');


btnEle1.addEventListener('click', function(){
  var msg = this.textContent;
  alert(msg);
});
btnEle2.addEventListener('click', function(){
  var msg = this.textContent;
  alert(msg);
});
btnEle3.addEventListener('click', function(){
  var msg = this.textContent;
  alert(msg);
});
btnEle4.addEventListener('click', function(){
  var msg = this.textContent;
  alert(msg);
});
btnEle5.addEventListener('click', function(){
  var msg = this.textContent;
  alert(msg);
});
btnEle6.addEventListener('click', function(){
  var msg = this.textContent;
  alert(msg);
});
btnEle7.addEventListener('click', function(){
  var msg = this.textContent;
  alert(msg);
});