[update] : プレイヤーの概念を追加

diff --git a/sanmoku/script/define.js b/sanmoku/script/define.js
index 7c1dc8d..568c5a7 100644 (file)
--- a/sanmoku/script/define.js
+++ b/sanmoku/script/define.js
@@ -1,7 +1,24 @@
-// 設定\r
+// 横のマス目の数\r
 const TableXNumber = 3;\r
+\r
+// 縦のマス目の数\r
 const TableYNumber = 3;\r
 \r
+// マス目の初期値\r
+const InitialStr = "　";\r
+\r
+// プレイヤーの記号\r
+const PlayerMarks = ["◯", "✗" , "△"];\r
+\r
+// プレイヤーの人数（現在 2のみ指定可能）\r
+const PlayerNumer = 2;\r
+\r
+// 現在のプレイヤー\r
+let CurrentPlayer = 0;\r
+\r
+//// 以下プログラム用の変数定義につき変更禁止\r
+\r
+\r
 // Main\r
 const Main = document.getElementById("main");\r
 \r
@@ -9,4 +26,7 @@ const Main = document.getElementById("main");
 const HTML = document.getElementsByName("html")[0];\r
 \r
 // メインテーブル\r
-const MainTable = document.getElementById("maintable")
\ No newline at end of file
+const MainTable = document.getElementById("maintable")\r
+\r
+// チェック済みのボックスの数\r
+let CheckedBox = 0;\r

diff --git a/sanmoku/script/init.js b/sanmoku/script/init.js
index 5c8f7f5..979ff74 100644 (file)
--- a/sanmoku/script/init.js
+++ b/sanmoku/script/init.js
@@ -3,7 +3,11 @@ const InitilizeTable = () => {
         //alert("None")\r
         let tr = document.createElement("tr")\r
         for(b = 0; b < TableXNumber; b++){\r
+\r
+            // マス目を作成\r
             let td = document.createElement("td");\r
+            td.innerText = InitialStr;\r
+            td.dataset.clicked = false;\r
             td.addEventListener("click", ClickedBox)\r
             tr.appendChild(td)\r
         }\r
@@ -11,10 +15,5 @@ const InitilizeTable = () => {
     }\r
 }\r
 \r
-const ClickedBox = (e) => {\r
-    const MySelf = e.path[0]\r
-    MySelf.innerText = "Clicked";\r
-}\r
-\r
 window.addEventListener("load", InitilizeTable)\r
 \r

diff --git a/sanmoku/script/main.js b/sanmoku/script/main.js
index e69de29..fa3f304 100644 (file)
--- a/sanmoku/script/main.js
+++ b/sanmoku/script/main.js
@@ -0,0 +1,27 @@
+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("既にクリックされています")
+    }
+    
+}
+
+const ChangePlayer = () => {
+    if (CurrentPlayer == PlayerNumer - 1){
+        CurrentPlayer = 0;
+    }else{
+        CurrentPlayer++;
+    }
+    console.log("現在のプレイヤーは" + CurrentPlayer + "です")
+}
+
+window.addEventListener("load", ()=>{
+    console.log(CurrentPlayer + "でゲームをスタートします")
+})