JSFiddle - React, Tailwind, and code Playground

by akang2

HTML

<html>
    <head>
        <title>Rodney Strong bitches</title>    
    </head>
    <body>
        
        <img id="picture" src="https://gimmebar-assets.s3.amazonaws.com/4f2230f95b93d.gif" alt="lorem ipsum image" title="Ahhhhh kitty!!" />
        
            <h1>Send email to:<a mailto="[email protected]">[email protected]</a></h1>
        
    </body>

</html>

CSS

h1 {
    font-size: 30pt;
    padding-top: 20px;
}

a {
    color: #00cd00;
}

JavaScript

//grab the image
    
var thePic = document.getElementById("picture");

thePic.onmouseover = function(){
    var theP = document.createElement("p");
    var theText = document.createTextNode("oh yea bitches!");
    theP.appendChild(theText);