JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>

<input id="keyword" type="text" placeholder="請輸入您的名字" />

<button onclick="myFunction()">我要訂購</button>
<button onclick="learnus()">認識我們</button>

<div>
    <h5>您的訂單</h5>
    <hr>
    <span>顧客姓名：</span><span id="name"></span>
</div>

</body>
</html>

JavaScript

function myFunction(){

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

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