あーちゃんを褒める 🦊

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>あーちゃん応援アプリ</title>
  </head>
  <body>
    <h1>あーちゃんを褒める 🦊</h1>
    <div id="message"></div>
    <button id="encourage-btn">応援して！</button>

    <script>
      const messages = ["あーちゃん、今日もがんばってるね！", "あーちゃん、大好きだよ！", "あーちゃん、最高じゃないか！"];
      const encourageBtn = document.querySelector("#encourage-btn");

      encourageBtn.addEventListener("click", () => {
        const messageIndex = Math.floor(Math.random() * messages.length);
        const message = messages[messageIndex];
        const messageEl = document.querySelector("#message");
        messageEl.textContent = message;
      });
    </script>
  </body>
</html> 

※ジョークは採用されませんでした。