JS_button_practice

by elmon

HTML

<button id="contact" onclick="ContactInfo()">我要訂購</button>
<button id="info" onclick="CompanyInfo()">認識工廠</button>

CSS

#contact{
  width: 100px;
  height: 50px;
  border-radius: 3px;
  background: red;
  color: white;
}

#contact:hover{
  background: #FFC7C2;
  color: black;
}

#info{
  width: 100px;
  height: 50px;
  border-radius: 3px;
  background:#5B8FF9;
  color: white;
}

#info:hover{
  background: blue;

}

JavaScript

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

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