JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="msg">Hello</h1>
<button id="btn">Append: World</button>

CSS

#btn {
  background-color: #2791ce;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px;
}
#btn:hover {
  background-color: #1f72a3;
}

JavaScript

$('#btn').one('click', function(){
    $('#msg').append(' World');
    $('#btn').css('display','none')
});