CodePen Embed - Native JavaScript Alert

<button>Click me</button>

html {
  text-align: center;
  padding-top: 1em;
  background: #f6ddda;
}

button {
  padding: 1em 1.2em;
  background: #eb6ba0;
  color: white;
  font-size: 20px;
  border-radius: .3em;
  border: none;
  border-bottom: 4px solid #aa4b72;
  cursor: pointer;
}

/* Selecting DOM element */
const button = document.querySelector("button");

/* Callback function */
function alertButton() {
    alert('Hi native JavaScript');
}

/* Event listener */
button.addEventListener("click", alertButton, false);

This Pen is owned by Envato Tuts+ on CodePen.

See more by @tutsplus on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.