My first JS code

index.html

<h1 class="head">Place holder here ... stay tuned!</h1>

<button id="init">Hit me where it tickles!</button>

my-first-js-code.markdown

My first JS code

A Pen by Camille Frantz on CodePen.

License.

script.js

let initButton = document.getElementById("init");
initButton.onclick = function changeHDG() {
    let message = document.querySelector("h1");
    let name = undefined;
    name = prompt("What is your name?", []);
    message.textContent =
        name != undefined && name != ""
            ? "Hello there, " + name + "!"
            : "Well, hello anyway!";
};

style.css

body {
    text-align: center;
    margin: 80px auto;
}

#init {
    background: violet;
    text-align: center;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 20px;
    border: none;
    box-shadow: 2px 2px 10px grey;
    cursor: click;
    transition: transform 0.8s 0.01s;
}

#init:active,
#init:hover {
    transform: scale(110%);
}