JSFiddle - React, Tailwind, and code Playground

CSS

div {
    
    width:50px;
    height:50px;
    background-color:red;
    
}

span {

    width:50px;
    height:50px;
    background-color:blue;
    display:inline-block;
    
{

JavaScript

var overlay;
var condition = 'test2'

if(condition == "test") {
    overlay = $("<div></div>");
}
else if (condition == "test2") {
    console.log("first-log");
    overlay = $("<span></span>");
}

console.log("second-log");
overlay.prependTo("body");