JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    Email addy: <input type="email" value="here" id="emailField">
</form>
<!-- <p id="pp"> helloo</p> -->

CSS

#emailField {
    color: #ccc;
}

JavaScript

var emailField = document.getElementById("emailField");

emailField.onclick = function() {
    if (emailField.value == "here") {
        emailField.value = "";
    }
};

emailField.onblur = function() {
    if (emailField.value == "") {
        emailField.value = "here";
    }
};

function addThis() {
    var theP = document.createElement("p");
    theP['id']="myP";

    var theText = document.createTextNode("Oh yea bitches!");
    emailField.appendChild(theP);
    theP['innerHTML']=theText;
    //myNewP.innerHTML(theText);
    //var thePP = document.getElementById("pp");
    
}

setTimeout(addThis, 3000);