JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <h1>Welcome to my website</h1>
    <p>I live at the coordinates of -81.823794, 24.406128. Go to google maps to see where I live!
    I like to do things. Because doing things is, well, fun I guess. I like to spend my time, uhh doing stuff.
    Enjoy my madlib that I made so that I don't have to fill this out a lot and this is just random information.
    <div id="whatido"><button onclick="whatIDo()">What do I do?</button></div></p>
    <button onclick="displayResult()">Madlib</button>
    <div id="madlib"></div>
    <br>
  </body>

CSS

p{
    margin:0;
    padding:0;
}

JavaScript

function displayResult()
    {
        var a = prompt("Noun")
        var b = prompt("Verb")
        var c = prompt("Verb")
        document.getElementById("madlib").innerHTML="Hello. My name is bob. My best friend is a " + a + ". He likes to " + b + ". Sometimes, I like to " + c + "."
    }
    function whatIDo()
    {
        document.getElementById("whatido").innerHTML="I like to make websites (commercial), make animations, make YouTube videos, and other stuff.";
    }