JSFiddle - React, Tailwind, and code Playground

by yennefer

HTML

<button class="btn" onclick="order()">Order</button>
<button class="btn" onclick="more()">More</button>
<button class="btn" onclick="next()">next</button>

CSS

.btn{
   background-color: #fff;
  color: #178771;
  padding: 3px 10px;
  border: 1px solid #178771;
  border-radius: 3px;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s;
}

JavaScript

function order()
{
  alert('謝謝您對我們的衣服有興趣！請致電 0987-654-321，會有專人提供您報價！');
  
}
function more()
{
  alert('我們工廠位於新北市，通過國際 ISO9001 認證，品質讓您放心！');
  
}
function next()
{
  alert('正在建構中...');
  
}