JSFiddle - React, Tailwind, and code Playground

by shnny

HTML

<button class="btn1" onClick="myBtn()">我要訂購</button> 
<br>
<button class="btn2" onClick="myBtn2()">認識工廠</button>

CSS

button{
  font-size: 20px;
  border-radius:5px;
  border: 0px ;
  padding: 15px;
}

button:hover{
  cursor:pointer; 
}

.btn1{
  margin-bottom: 15px;
  background: #000099;
  color: #FFF;
}
.btn1:hover{
  background: #3333FF;
}


.btn2{
  background: #330066;
  color: #FFF;
}
.btn2:hover{
  background: #B266FF;
}

JavaScript

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

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