2

by TobeyLiu

HTML

<p class=title>客戶名稱：<input id="name" type="text" placeholder="請輸入您的全名" /></p>


<button class=btn onclick="order()">
我要訂購
</button>


<button class = btn onclick="about()">
關於我們
</button>

CSS

.title{
 font-family: monospace;
 color: #826F66;
  
}
.btn{
  color: #826F66;
  border : solid 0.5px  #3A3845;
  background: white;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px;
}

JavaScript

function order(){
let str = document.getElementById('name').value;
	alert(str+"，謝謝您對我們的衣服有興趣！請致電 0987-654-321，會有專人提供您報價！");
}

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