JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>Sample Code</title>
    <link rel="stylesheet" href="css\styles.css">
  </head>
    <body>
        <input type="button" id="button" value="ボタン">
        <p id="hello"></p>
        <script src="js\main.js"></script>
    </body>
</html>

JavaScript

let button = document.getElementById("button");
let hello = document.getElementById("hello");

button.addEventListener("click", () => {
  hello.textContent = "こんばんは！";
});