<div id="message-box"></div>

<button id="trigger">Event Listener</button>

<button onClick="assist(); greet();">Inline Functions</button>
// get handle of target element
const messageBox = document.querySelector("#message-box");
const trigger = document.querySelector("#trigger");

function greet() {
  messageBox.innerHTML += "Hello Guest!!<br/>";
}

function assist() {
 messageBox.innerHTML += "How can I help you?<br/>";
}

trigger.addEventListener("click", assist);
trigger.addEventListener("click", greet);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.