JSFiddle - React, Tailwind, and code Playground

HTML

<div id="popcorn"><p>popcorn </p></div> 
<a href="#" id="disclamer" onclick="mayday()">Disclamer</a>

JavaScript

function mayday(){
  event.stopPropagation();
  var xx = document.body;
  xx.style.background="#999999";
  xx.style.zIndex="1";
 // xx.style.opacity="0.5";
  texttext="There have been the greatest changes in the life surroundings and conditions of human being during the present century!";
 var win=document.createElement('div');
  win.innerHTML=texttext;
  win.id="win";
  win.style.border="solid black 1px";
  win.style.background="white";
  win.style.color="black";
  win.style.zIndex="1000";
  win.style.opacity="1.0";
  win.style.position="absolute";
  win.style.top="25%";
  win.style.left="25%";
  win.style.width="25%";
  win.style.height="25%";
  parentElem=document.body;
  parentElem.appendChild(win);
  xx.addEventListener("click",norma);
};
 
 
function norma(){ 
//alert("here");
xx=document.body
xx.style.background="#ffffff";
xx.style.zIndex="100"; 
  parentElem=document.body;
  zz=document.getElementById("win");
  parentElem.removeChild(zz);
};