JSFiddle - React, Tailwind, and code Playground

JavaScript

var docHeight = $(document).height();
var divCont = "<div>SOME TEXT</div>"
$("body").append("<div id='overlayDiv'></div>").hide().fadeIn("slow");
$overlayDiv = $("#overlayDiv");
$overlayDiv.height(docHeight).css({
        'opacity' : 0.9,
        'position': 'absolute',
        'top': 0,
        'background-color': 'black',
        'width': '100%',
        'z-index': 5000,
        'margin-left': '10%',
        'margin-right': '10%',
		'color': 'white'
});
$overlayDiv.append(divCont+"<button id='close'>CLOSE</button>");
$("#close").ready(function(){
   $(document).on("click", "#close", function(){
      $overlayDiv.fadeOut("slow", function(){
         $overlayDiv.remove();
      });
   });
});