JSFiddle - React, Tailwind, and code Playground

by Brenton Strine

HTML

<b>Clicky</b>

CSS

body { background: lightblue;}

JavaScript

$(document).ready(function() {
    $("b").click(function(){
        $("<div>").css({
            position: "absolute",
            top: "40%",
            left: "50%",
            "z-index": "5",
            width: "100px",
            border: "solid 2px green",
            color: "darkgreen",
            "font-size": "20px",
            background: "#fff",
            "border-radius": "10px",
            padding: "40px 60px",
            "text-align": "center",
            "display": "none",
            "margin-left": "-100px"
        }).html("Saved.").appendTo("body").fadeIn(1000).fadeOut(1000);


        
    });
    
    
});