[update] : 現在の情報を表示する

diff --git a/sanmoku/index.html b/sanmoku/index.html
index b50c0f6..b2e36ae 100644 (file)
--- a/sanmoku/index.html
+++ b/sanmoku/index.html
@@ -34,6 +34,10 @@
         <!-- メッセージが表示される場所 -->\r
         <p id="msg"></p>\r
 \r
+        <!-- 現在の設定 -->\r
+        <p id="currentconfig"></p>\r
+\r
+\r
         <!-- 設定 -->\r
         <h2>設定</h2>\r
         <p>まだ使えないよ</p>\r

diff --git a/sanmoku/script/define.js b/sanmoku/script/define.js
index b186721..37ef365 100644 (file)
--- a/sanmoku/script/define.js
+++ b/sanmoku/script/define.js
@@ -28,9 +28,12 @@ const HTML = document.getElementsByName("html")[0];
 // メインテーブル\r
 const MainTable = document.getElementById("maintable")\r
 \r
-// メッセージ\r
+// メッセージを表示する場所\r
 const Msg = document.getElementById("msg");\r
 \r
+// 現在の設定を表示する場所\r
+const CurrentConfig = document.getElementById("currentconfig")\r
+\r
 // チェック済みのボックスの数\r
 let CheckedBox = 0;\r
 \r

diff --git a/sanmoku/script/main.js b/sanmoku/script/main.js
index 7b0a52c..34fa740 100644 (file)
--- a/sanmoku/script/main.js
+++ b/sanmoku/script/main.js
@@ -22,6 +22,9 @@ const ClickedBox = (e) => {
             // 勝利判定を行う
             Judgement();
 
+            // 現在の情報を更新する
+            UpdateCurrentConfig();
+
             // すべてチェックされた場合の処理
             CheckedBox++;
             if (CheckedBox == TableXNumber * TableYNumber){  // もしチェックされた数とマス目の数が等しいならば
@@ -44,4 +47,21 @@ const ChangePlayer = () => {
     console.log("現在のプレイヤーは" + CurrentPlayer + "です") //ログを表示する
 }
 
+// 現在の設定を表示する
+const UpdateCurrentConfig = () => {
+    // ゲーム設定を表示
+    let p1 = document.createElement("p") //ゲーム設定を表示する枠を作成
+    p1.innerText = `横: ${TableXNumber} 縦: ${TableYNumber}` // テキストを設定
+
+    // プレーヤー情報を表示
+    let p2 = document.createElement("p") // プレーヤー情報を表示する枠を作成
+    p2.innerText = `人数: ${PlayerNumer}人 現在: ${PlayerMarks[CurrentPlayer]}`
+
+    // 作成した枠を文書に挿入
+    CurrentConfig.innerHTML = null; // 枠の中の文書を削除
+    CurrentConfig.appendChild(p1);  // ゲーム設定を挿入
+    CurrentConfig.appendChild(p2);  // プレーヤー情報を挿入
 
+
+}
+window.addEventListener("load", UpdateCurrentConfig)