From 6760a7b9ec4c439b45a6cac2e3a8719943b717b9 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 28 Sep 2023 23:01:21 +0900
Subject: [PATCH] =?UTF-8?q?2023/07/07=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/document/readystate/index.md | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/files/ja/web/api/document/readystate/index.md b/files/ja/web/api/document/readystate/index.md
index 1ca99537cf9c2c..95b27bef9fafd8 100644
--- a/files/ja/web/api/document/readystate/index.md
+++ b/files/ja/web/api/document/readystate/index.md
@@ -1,6 +1,9 @@
 ---
-title: Document.readyState
+title: "Document: readyState プロパティ"
+short-title: readyState
 slug: Web/API/Document/readyState
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
 ---
 
 {{APIRef("DOM")}}
@@ -16,7 +19,7 @@ slug: Web/API/Document/readyState
 - `loading`
   - : この文書 ({{domxref("document")}}) はまだ読み込み中です。
 - `interactive`
-  - : 文書の読み込みが完了し、文書の解釈はできたが、スクリプト、画像、スタイルシート、フレームなどのサブリソースはまだ読み込み中である。
+  - : 文書の読み込みが完了し、文書の解釈はできたが、スクリプト、画像、スタイルシート、フレームなどのサブリソースはまだ読み込み中である。この状態は、 {{domxref("Document/DOMContentLoaded_event", "DOMContentLoaded")}} イベントが発行されようとしていることを示します。
 - `complete`
   - : 文書とすべてのサブリソースの読み込みが完了しました。この状態は {{domxref("Window/load_event", "load")}} イベントが発行されようとしていることを示しています。
 
@@ -29,13 +32,14 @@ switch (document.readyState) {
   case "loading":
     // この文書はまだ読み込み中。
     break;
-  case "interactive":
+  case "interactive": {
     // この文書は読み込みが終了した。 DOM 要素にアクセスできるようになった。
     // しかし、画像、スタイルシート、フレームなどの副リソースはまだ読み込み中。
     const span = document.createElement("span");
     span.textContent = "A <span> element.";
     document.body.appendChild(span);
     break;
+  }
   case "complete":
     // ページが完全に読み込み完了。
     console.log(
@@ -49,7 +53,7 @@ switch (document.readyState) {
 
 ```js
 // DOMContentLoaded イベントの代替
-document.onreadystatechange = function () {
+document.onreadystatechange = () => {
   if (document.readyState === "interactive") {
     initApplication();
   }
@@ -59,8 +63,8 @@ document.onreadystatechange = function () {
 ### readystatechange を load イベントの代替とする
 
 ```js
-// load イベントの代替
-document.onreadystatechange = function () {
+// Alternative to load event
+document.onreadystatechange = () => {
   if (document.readyState === "complete") {
     initApplication();
   }
@@ -89,6 +93,7 @@ document.addEventListener("readystatechange", (event) => {
 
 ## 関連情報
 
-- {{domxref("Document/readystatechange_event", "readystatechange")}} イベント
-- {{domxref("Document/DOMContentLoaded_event", "DOMContentLoaded")}} イベント
-- {{domxref("Window/load_event", "load")}} イベント
+- 関連イベント:
+  - {{domxref("Document/readystatechange_event", "readystatechange")}} イベント
+  - {{domxref("Document/DOMContentLoaded_event", "DOMContentLoaded")}} イベント
+  - {{domxref("Window/load_event", "load")}} イベント