JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
  <div id="removeBox" onclick="remove()">
  <span class="remover">x</span>
  </div>
</div>

CSS

#box {
  background-color: lightgrey;
  color: white;
  width: 20em;
  height: 20em;
  border: 25px solid green;
  padding: 25px;
  margin: 25px;
}
.remover {
  font-size: 10em;
  align
}

JavaScript

document.getElementById("box").addEventListener('click', function() {
  var element = document.getElementById("box");
  element.parentNode.removeChild(element);
});