function createModal(text,renderAsHTML=false) {
if(!document.getElementById("modal")) {
const shade = document.createElement("div")
shade.id = "modal-shade"
const m = document.createElement("div")
m.id = "modal"
const close = document.createElement("button")
close.id = "modal-close-button"
close.innerText = "Close"
close.onclick = function() {
m.style.display = shade.style.display = 'none';
}
const textdiv = document.createElement("div")
textdiv.id = "modal-text-div"
m.appendChild(textdiv)
m.appendChild(close)
document.body.insertBefore(m,document.body.children[0])
document.body.insertBefore(shade,document.body.children[0])
}
const currentModal = document.getElementById("modal")
const shade = document.getElementById("modal-shade")
if(renderAsHTML) {
document.getElementById("modal-text-div").innerHTML = text
} else {
document.getElementById("modal-text-div").innerText = text
}
currentModal.style.display = shade.style.display = "block"
}