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

No:1549

1356

←

Prev Next

→

Sudoku (number puzzle in which digits may only occ..ALL
Developer AI絵師｜Date and time 23/6/18 18:28:28
Build time 80.733 sec｜Game capacity 6.778KB｜

Script

数独ゲーム 🧩

※上記のコードは、AIアシスタントが作成したプログラムを意図を理解するために日本語に翻訳したものです。

←

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>
	<style>
		body {
			font-family: Arial, san-serif;
			margin: 0;
			padding: 0;
			background-color: #f7f7f7;
			text-align: center;
		}
		
		h1 {
			font-size: 36px;
			color: #333;
			margin: 20px 0;
		}
		
		table {
			margin: 0 auto;
			border-spacing: 0;
		}
		
		td {
			width: 40px;
			height: 40px;
			text-align: center;
			vertical-align: middle;
			font-size: 24px;
			color: #333;
			cursor: pointer;
			border: solid 1px #ccc;
		}
		
		input[type="button"] {
			background-color: #4CAF50;
			border: none;
			color: white;
			padding: 12px 32px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 20px 0;
			cursor: pointer;
			border-radius: 20px;
		}
		
		input[type="button"]:hover {
			background-color: #3e8e41;
		}
		
		.footer {
			font-size: 16px;
			color: #aaa;
			margin: 20px 0;
		}
	</style>
	<script>
		var board = []; // 数独盤面
		var selectedCell = null; // 選択されたセル
		
		window.onload = function() {
			initBoard();
			drawBoard();
		}
		
		// 数独盤面を初期化する
		function initBoard() {
			for (var i = 0; i < 9; i++) {
				board[i] = [];
				for (var j = 0; j < 9; j++) {
					board[i][j] = 0;
				}
			}
		}
		
		// 数独盤面を描画する
		function drawBoard() {
			var table = document.createElement("table");
			for (var i = 0; i < 9; i++) {
				var tr = document.createElement("tr");
				for (var j = 0; j < 9; j++) {
					var td = document.createElement("td");
					td.id = i + "-" + j;
					td.onclick = function() {selectCell(this)};
					td.innerHTML = board[i][j] == 0 ? "" : board[i][j];
					tr.appendChild(td);
				}
				table.appendChild(tr);
			}
			document.body.insertBefore(table, document.body.lastChild);
			
			var checkButton = document.createElement("input");
			checkButton.type = "button";
			checkButton.value = "チェックする";
			checkButton.onclick = function() {checkBoard()};
			document.body.appendChild(checkButton);
			
			var refreshButton = document.createElement("input");
			refreshButton.type = "button";
			refreshButton.value = "リセットする";
			refreshButton.onclick = function() {resetBoard()};
			document.body.appendChild(refreshButton);
			
			var footer = document.createElement("div");
			footer.className = "footer";
			footer.innerHTML = "数独ゲーム by AI Assistant 🤖";
			document.body.appendChild(footer);
		}
		
		// セルを選択する
		function selectCell(cell) {
			if (selectedCell != null) {
				selectedCell.style.backgroundColor = "transparent";
			}
			selectedCell = cell;
			selectedCell.style.backgroundColor = "#cce6ff";
		}
		
		// 数独盤面をチェックする
		function checkBoard() {
			var isValid = true;
			// 行をチェックする
			for (var i = 0; i < 9; i++) {
				var row = [];
				for (var j = 0; j < 9; j++) {
					row.push(board[i][j]);
				}
				if (hasDuplicates(row)) {
					isValid = false;
					highlightCells(getCellsInRow(i));
				}
			}
			// 列をチェックする
			for (var j = 0; j < 9; j++) {
				var col = [];
				for (var i = 0; i < 9; i++) {
					col.push(board[i][j]);
				}
				if (hasDuplicates(col)) {
					isValid = false;
					highlightCells(getCellsInCol(j));
				}
			}
			// 3x3のブロックをチェックする
			for (var block = 0; block < 9; block++) {
				var cells = getCellsInBlock(block);
				var blockValues = [];
				for (var i = 0; i < cells.length; i++) {
					blockValues.push(board[cells[i].row][cells[i].col]);
				}
				if (hasDuplicates(blockValues)) {
					isValid = false;
					highlightCells(cells);
				}
			}
			if (isValid) {
				alert("正解です！🎉");
			} else {
				alert("間違っています！😢");
			}
		}
		
		// 数独盤面をリセットする
		function resetBoard() {
			for (var i = 0; i < 9; i++) {
				for (var j = 0; j < 9; j++) {
					board[i][j] = 0;
					document.getElementById(i + "-" + j).innerHTML = "";
				}
			}
		}
		
		// 指定した行のセルを取得する
		function getCellsInRow(row) {
			var cells = [];
			for (var j = 0; j < 9; j++) {
				cells.push({row: row, col: j});
			}
			return cells;
		}
		
		// 指定した列のセルを取得する
		function getCellsInCol(col) {
			var cells = [];
			for (var i = 0; i < 9; i++) {
				cells.push({row: i, col: col});
			}
			return cells;
		}
		
		// 指定したブロックのセルを取得する
		function getCellsInBlock(block) {
			var cells = [];
			var startRow = Math.floor(block / 3) * 3;
			var startCol = (block % 3) * 3;
			for (var i = 0; i < 3; i++) {
				for (var j = 0; j < 3; j++) {
					cells.push({row: startRow + i, col: startCol + j});
				}
			}
			return cells;
		}
		
		// セルをハイライトする
		function highlightCells(cells) {
			for (var i = 0; i < cells.length; i++) {
				document.getElementById(cells[i].row + "-" + cells[i].col).style.backgroundColor = "#ffe6e6";
			}
		}
		
		// 配列に重複する値があるかどうかを調べる
		function hasDuplicates(array) {
			var values = {};
			for (var i = 0; i < array.length; i++) {
				if (array[i] != 0 && values[array[i]] !== undefined) {
					return true;
				}
				values[array[i]] = i;
			}
			return false;
		}
		
		// 数字を入力する
		function inputNumber(number) {
			if (selectedCell != null && number >= 1 && number <= 9) {
				var row = parseInt(selectedCell.id.split("-")[0]);
				var col = parseInt(selectedCell.id.split("-")[1]);
				board[row][col] = number;
				selectedCell.innerHTML = number;
			}
		}
	</script>
</head>
<body>
	<h1>数独ゲーム 🧩</h1>
	<script>
		// 問題を設定する
		board[0][0] = 5;
		board[0][1] = 3;
		board[0][4] = 7;
		board[1][0] = 6;
		board[1][3] = 1;
		board[1][4] = 9;
		board[1][5] = 5;
		board[2][1] = 9;
		board[2][2] = 8;
		board[2][7] = 6;
		board[3][0] = 8;
		board[3][4] = 6;
		board[3][8] = 3;
		board[4][0] = 4;
		board[4][3] = 8;
		board[4][5] = 3;
		board[4][8] = 1;
		board[5][0] = 7;
		board[5][4] = 2;
		board[5][8] = 6;
		board[6][1] = 6;
		board[6][6] = 2;
		board[6][7] = 8;
		board[7][3] = 4;
		board[7][4] = 1;
		board[7][5] = 9;
		board[7][8] = 5;
		board[8][4] = 8;
		board[8][7] = 7;
		board[8][8] = 9;
	</script>
	<script>
		// 数字を入力するボタンを生成する
		for (var i = 1; i <= 9; i++) {
			var button = document.createElement("input");
			button.type = "button";
			button.value = i;
			button.onclick = (function(number) {
				return function() {inputNumber(number)};
			})(i);
			document.body.appendChild(button);
		}
	</script>
</body>
</html>

※上記のコードは、AIアシスタントが作成したプログラムを意図を理解するために日本語に翻訳したものです。