JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input id="keyword" type="text" />
    <button onclick="clickBuy()">我要訂購</button>
    <button onclick="clickIntro()">認識工廠</button>
</body>

</html>

CSS

#keyword {
    caret-color: green;
    outline-color: blue;
}

JavaScript

function clickBuy() {
    const name1 = document.getElementById('keyword').value;
    alert('「' + name1 + '您好！謝謝您對我們的衣服有興趣！請致電 0987-654-321，會有專人提供您報價！」');
    console.log(name1);
}
function clickIntro() {
    alert('「我們工廠位於新北市，通過國際 ISO9001 認證，品質讓您放心！」');
}