JavaScript非同期テキスト取得 – 外部テキスト読み込みサンプル

コンピュータ

2025.06.27

ここにテキストが表示されます。

  <script>
    document.getElementById("loadBtn").addEventListener("click", function () {
      fetch("sample.txt")
        .then(response => {
          if (!response.ok) {
            throw new Error("HTTPエラー " + response.status);
          }
          return response.text();
        })
        .then(text => {
          document.getElementById("content").innerText = text;
        })
        .catch(error => {
          document.getElementById("content").innerText = "エラー: " + error.message;
        });
    });
  </script>