JSFiddle - React, Tailwind, and code Playground

by jcoc611

HTML

<form name="hello" action=""> 
    <p> 
    What is your name?
    <input type="text" name="name" size="10">
    </input> 
    </p> 
    <p> 
    <input type="button" name="Submit" value="Receive Personal Message!">
    </input>
    </p> 
</form>

JavaScript

document.forms["hello"]["Submit"].onclick=say_hello;
function say_hello() {
    var date = new Date();
    var time = date.getHours();
    var name = document.forms["hello"]["name"].value;

    if (time < 12) {
        alert ("Good morning, "+name+"!");
    }

    else if (time > 12 && time < 18) {
        alert ("Good afternoon, "+name+"!");
    }

    else {
        alert ("Good evening, "+name+"!")
    }
}