JSFiddle - React, Tailwind, and code Playground

HTML

<h1>JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件</h1>

<button onclick="myFunc()">我要訂購</button>
<button onclick="myFunc2()">認識工廠</button>

CSS

button {
  padding: 5px 10px;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
}

button:hover {
  background-color: #ccc;
}

JavaScript

function myFunc() {
  alert("謝謝您對我們的衣服有興趣！請致電 0987-654-321，會有專人提供您報價！");
}

function myFunc2() {
  alert("我們工廠位於新北市，通過國際 ISO9001 認證，品質讓您放心！");
}