JSFiddle - React, Tailwind, and code Playground

HTML

-<h1 style="background-color: #1b1a1a; border-radius: 10px 10px 10px 10px; border: 5px ridge #009EFF; font-family: Verdana; font-weight: bold; text-align: center;">
<span style="color: #009eff;"><span style="font-size: x-large;">
<b>HOLA</b></span></span></h1>
<div style="text-align: center;">
<div>
<input class="boton" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Esconder';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Click';}" type="button" value="Click" /><br />
<div style="display: none;">
<br />
HOLA


</div>
</div>
</div>

CSS

.boton {
    font-size:20px;
    background:red;
    border:none;
}