overlay js html code example
Example: create overlay js
<body>
<div id="#overlay">
</div>
<div> content </div>
</body>
//first create an element with folowing styles
#overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 2;
cursor: pointer;
}
//then you can do
const on = () => {
document.getElementById("overlay").style.display = "block";
}
const off = () => {
document.getElementById("overlay").style.display = "none";
}