-// 設定\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
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
//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
}\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
+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 + "でゲームをスタートします")
+})