WTH is Today?

index.html

<button type="submit" id="getday">What day is it today?</button>
<div id="today"></div>

script.js

document.getElementById("getday").onclick = function () {
    const today = new Date();
    const theDaye = today.getDay();
    let message = "Today is ";
    switch (theDaye) {
        case 0:
            message += "Sunday!";
            break;
        case 1:
            message += "Monday!";
            break;
        case 2:
            message += "Tuesday!";
            break;
        case 3:
            message += "Wednesday!";
            break;
        case 4:
            message += "Thursday!";
            break;
        case 5:
            message += "Friday!";
            break;
        case 6:
            message += "Saturday!";
            break;
        default:
            message = "No such day exists";
    }
    document.getElementById("today").innerHTML = message;
};

style.css

body {
    width: 380px;
    margin: 80px auto;
    text-align: center;
}
#getday {
    padding: 10px;
    border-radius: 20px;
    background-color: olive;
    color: lemonchiffon;
    font-size: 20px;
    border: 1px solid olive;
    margin: 2rem auto;
}

#today {
    margin: auto;
    font-size: 36px;
    color: darkgreen;
}

wth-is-today.markdown

WTH is Today?

I often lose track of the days. Since I am learning Javascript, figured I'd write a function that helps me remember! :D

A Pen by fyrfli on CodePen.

License.