JSFiddle - React, Tailwind, and code Playground

HTML

<form id='form' action="">
<label for="" >訂購人</label>
<input type="text" placeholder="輸入姓名">

<button class='buy'  onclick=buyBtn()>我要訂購</button>
<button class='factory' onclick=factoryBtn()>認識工廠</button>

</form>

CSS

button{
border-radius:50%;
width:100px;
height:100px;
background-color:#66a80f;
border:none;
color:#333;
font-weight:bold;
margin:10px;
transition:all 0.3s;

}
button:hover,button:active{
  background-color: #82c91e;
  cursor:pointer;

}

JavaScript

function buyBtn(){
		let inpuText= document.querySelector('input').value;
		alert(`${inpuText}謝謝您對我們的衣服有興趣！請致電 0987-654-321，會有專人提供您報價！`);
}
function factoryBtn(){
		alert('我們工廠位於新北市，通過國際 ISO9001 認證，品質讓您放心！')
}