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

by yuhn5813

HTML

<button class="btn" onclick="jumpalt1()">我要訂購</button>
<button class="btn" onclick="jumpalt2()">認識工廠</button>

CSS

.btn {
  font-family: 'Noto Sans Tc';
  font-size: 16px;
  overflow: hidden;
  padding: 10px 20px;
  margin: 20px 0px;
  border-radius: 20px;
  border: 0px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 5px 0px #54a4c9;
  transition: .2s all linear;
  cursor: pointer;
  display: block;
}

.btn:hover {
  background-color: #54a4c9;
  color: #FFF;
}

JavaScript

function jumpalt1() {
  alert('謝謝您對我們的衣服有興趣！請致電 0987-654-321，會有專人提供您https://jsfiddle.net/yuhn5813/fbt63dvm/3/#報價！');
}

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

}