Click here for free DL of the app version that can save data.

No:136

371

←

Prev Next

→

Sudoku (number puzzle in which digits may only occ..ALL
Developer ひさひさ｜Date and time 23/5/25 1:05:16
Build time 175.024 sec｜Game capacity 2.416KB｜

Script

数独ゲーム

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>数独ゲーム</title>
</head>
<body>
	<h1>数独ゲーム</h1>
	<div id="game"></div>

// 数独の解答を設定
		const answer = [
			[9, 1, 8, 2, 7, 3, 5, 4, 6],
			[7, 6, 5, 1, 4, 8, 3, 2, 9],
			[2, 4, 3, 5, 6, 9, 7, 1, 8],
			[6, 2, 4, 7, 1, 5, 8, 9, 3],
			[3, 8, 9, 4, 2, 6, 1, 5, 7],
			[1, 5, 7, 3, 8, 9, 4, 6, 2],
			[4, 7, 2, 9, 5, 1, 6, 8, 3],
			[5, 3, 1, 8, 9, 2, 0, 7, 4], // 0が未入力のことを示す
			[8, 9, 6, 0, 3, 4, 2, 0, 0], // 0が未入力のことを示す
		];

// 現在の数独の状態を保持
		let currentState = board;

// ゲームの状態を表示
		function render() {
			let html = "<table>";

for (let i = 0; i < currentState.length; i++) {
				html += "<tr>";
				for (let j = 0; j < currentState[i].length; j++) {
					const cell = currentState[i][j];
					const isGiven = answer[i][j] !== 0;
					const isCorrect = cell === answer[i][j];

html += `<td style="padding:5px;border:1px solid #ccc;text-align:center;font-size:24px;">`;
					if (isGiven) {
						html += `<span style="color:gray;">${cell}</span>`;
					} else {
						html += `<input id="${i}-${j}" type="text" inputmode="numeric" style="width:32px;height:32px;font-size:24px;text-align:center;background-color:${isCorrect ? "#cfc" : "#fcc"}">`;
					}
					html += `</td>`;
				}
				html += "</tr>";
			}

html += "</table>";
			document.getElementById("game").innerHTML = html;
		}

// ユーザーが入力した数字を更新
		function update(e) {
			if (e.target.tagName === "INPUT") {
				const [i, j] = e.target.id.split("-");
				currentState[i][j] = parseInt(e.target.value) || 0;
				render();
				checkCompletion();
			}
		}

// 数独が完了したかどうかをチェック
		function checkCompletion() {
			if (currentState.every((row, i) => row.every((cell, j) => cell === answer[i][j]))) {
				alert("ゲームクリア！");
			}
		}

// ゲームを開始
		render();
		document.addEventListener("input", update);
	</script>
</body>
</html>