JSFiddle - React, Tailwind, and code Playground

by Christopher O

CSS

div {
 border: 1px dotted red;
 padding: 10px;    
}

JavaScript

let bubContainer = document.getElementById("introbubContainer");
if(typeof bubContainer != "object" || !bubContainer){
    bubContainer = document.createElement("div");
    bubContainer.id = "introbubContainer";
    bubContainer.className = "bubfloat";
    document.getElementsByTagName("body")[0].appendChild(bubContainer);

    bubContainer.innerHTML = "I'm the first div";
}
// bubContainer.style.display = "none"; // reset

// Now create bub and append to bubContainer
let bub = document.getElementById("introbub");
if(typeof bub != "object" || !bub){
    bub = document.createElement("div");
    bub.id = "introbub";
    bub.className = "talk-bubble";

    // The variable bubContainer is still good... Just append to it.
    bubContainer.appendChild(bub);
    bub.innerHTML = "I'm the inner div";
}