JSFiddle - React, Tailwind, and code Playground
HTML
<button class='btn'onclick="myFunction()">我要訂購</button>
<button class='btn' onclick="myFunction2()">認識工廠</button>
CSS
.btn {
border:1px solid grey;
border-radius:5px;
background-color:#fff;
box-shadow: rgba(149, 157, 165, 0.2) 1px 8px 24px;
}
.btn:hover{
background-color:#58B2DC;
cursor:pointer;
}
JavaScript
let myFunction=()=>{
alert('謝謝您對我們的衣服有興趣!請致電 0987-654-321,會有專人提供您報價!');
}
let myFunction2=()=>{
alert('我們工廠位於新北市,通過國際 ISO9001 認證,品質讓您放心!');
}