JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<p id="dismiss" onclick="dismiss();">dismiss this box</p>
</div>

CSS

.parent{
    width: 300px;
    height: 300px;
    background: #0088cc;
    color: #fff;
    text-align: center;
    line-height: 300px;
}

JavaScript

function dismiss(){
		document.getElementById('dismiss').parentNode.style.display='none';
};