JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="hinweis">
Hinweiss box
</div>

<input type="button" onclick="ausblenden()" value="ausblenden">
<input type="button" onclick="einblenden()" value="Einblenden"><p>
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 
lorem ipsum und so weiter 


</p></body>

CSS

#hinweis{
  height:100px;
  width:100px;
  background:red;
  display:block;
}

JavaScript

function ausblenden() {
     document.getElementById("hinweis").style.display='none';
}
function einblenden() {
     document.getElementById("hinweis").style.display='block';
}