[update] : 終了処理を追加

diff --git a/sanmoku/index.html b/sanmoku/index.html
index 1d86715..46897e8 100644 (file)
--- a/sanmoku/index.html
+++ b/sanmoku/index.html
@@ -16,10 +16,9 @@
     </header>\r
 \r
     <main id="main">\r
-        <table id="maintable">\r
-\r
-\r
-        </table>\r
+        <p><table id="maintable"></table></p>\r
+        <p id="msg"></p>\r
+        \r
     </main>\r
 \r
     <footer id="footer">\r

diff --git a/sanmoku/script/define.js b/sanmoku/script/define.js
index 568c5a7..b186721 100644 (file)
--- a/sanmoku/script/define.js
+++ b/sanmoku/script/define.js
@@ -28,5 +28,11 @@ const HTML = document.getElementsByName("html")[0];
 // メインテーブル\r
 const MainTable = document.getElementById("maintable")\r
 \r
+// メッセージ\r
+const Msg = document.getElementById("msg");\r
+\r
 // チェック済みのボックスの数\r
 let CheckedBox = 0;\r
+\r
+// ゲームが終了してるかどうか\r
+let GameEnded = false;\r

diff --git a/sanmoku/script/main.js b/sanmoku/script/main.js
index fa3f304..193ba8b 100644 (file)
--- a/sanmoku/script/main.js
+++ b/sanmoku/script/main.js
@@ -1,16 +1,26 @@
 const ClickedBox = (e) => {
     const MySelf = e.path[0]
 
-    if (MySelf.dataset.clicked != "true"){
-        //MySelf.innerText = "Clicked";
-        MySelf.innerText = PlayerMarks[CurrentPlayer];
-        MySelf.dataset.clicked = "true";
-        CheckedBox++;
-        ChangePlayer();
-    }else{
-        console.log("既にクリックされています")
+    if (! GameEnded){
+
+        if (MySelf.dataset.clicked != "true"){
+            // クリックされたボックスの設定
+            MySelf.innerText = PlayerMarks[CurrentPlayer];
+            MySelf.dataset.clicked = "true";
+
+            // プレイヤーを変更する
+            ChangePlayer();
+
+            // すべてチェックされた場合の処理
+            CheckedBox++;
+            if (CheckedBox == TableXNumber * TableYNumber){
+                Msg.innerText = "終了"
+                GameEnded = true;
+            }
+        }else{
+            console.log("既にクリックされています")
+        }
     }
-    
 }
 
 const ChangePlayer = () => {