JSFiddle - React, Tailwind, and code Playground

by CryptoMars

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<h1 class="text-bg-primary p-3">成衣工廠線上下單</h1>

<ul class="list-unstyled p-3">
  <li class="mb-3"><button class="btn btn-success" onclick="order()">我要訂購</button>
</li>
  <li>
    <button class="btn btn-info" onclick="about()">認識工廠</button>
  </li>
</ul>

JavaScript

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

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