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

No:8064

2357

Sudoku (number puzzle in which digits may only occ..ALL
Developer User4036｜Date and time 23/7/12 19:26:26
Build time 32.846 sec｜Game capacity 4.374KB｜

は、数字を埋めるパズルです。以下に、JavaScriptとHTMLを使用して数独ゲームを作成する例を示します。

数独ゲーム

						1	2	3
1	2	3	4	5	6	7	8	9
4	5	6	7	8	9
			1	2	3
						4	5	6
7	8	9
			4	5	6	7	8	9
1	2	3	7	8	9	4	5	6
4	5	6

この例では、数独の問題をHTMLのテーブルで表現しています。すでに数字が入っているセルは固定されており、空のセルにはプレイヤーが数字を入力することができます。 JavaScriptの`checkSolution()`関数は、解答チェックボタンがクリックされたときに呼び出されます。その関数内では、テーブル内の値を取得し、`validateSolution()`関数を呼び出して解答が正しいかどうかを判定します。解答が正しい場合は「正解！」とアラートが表示され、正しくない場合は「不正解！」と表示されます。また、`reset()`関数はリセットボタンがクリックされたときに呼び出され、テーブル内のセルをすべて空にします。ただし、この例では数独の問題が固定されていますが、実際のゲームではランダムな問題が生成されるようにするなど、さらなる改良が必要です。

→ 　

1　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

は、数字を埋めるパズルです。以下に、JavaScriptとHTMLを使用して数独ゲームを作成する例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>数独ゲーム</title>
    <style>
        table {
            border-collapse: collapse;
        }
        td {
            width: 40px;
            height: 40px;
            text-align: center;
            font-size: 20px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>数独ゲーム</h1>
    <table id="sudoku">
        <tr>
            <td></td><td></td><td></td> <td></td><td></td><td></td> <td>1</td> <td>2</td> <td>3</td>
        </tr>
        <tr>
            <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td>
        </tr>
        <tr>
            <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td></td><td></td><td></td>
        </tr>
        <tr>
            <td></td><td></td><td></td> <td>1</td> <td>2</td> <td>3</td> <td></td><td></td><td></td>
        </tr>
        <tr>
            <td></td><td></td><td></td> <td></td><td></td><td></td> <td>4</td> <td>5</td> <td>6</td>
        </tr>
        <tr>
            <td>7</td> <td>8</td> <td>9</td> <td></td><td></td><td></td> <td></td><td></td><td></td>
        </tr>
        <tr>
            <td></td><td></td><td></td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td>
        </tr>
        <tr>
            <td>1</td> <td>2</td> <td>3</td> <td>7</td> <td>8</td> <td>9</td> <td>4</td> <td>5</td> <td>6</td>
        </tr>
        <tr>
            <td>4</td> <td>5</td> <td>6</td> <td></td><td></td><td></td> <td></td><td></td><td></td>
        </tr>
    </table>

<button onclick="checkSolution()">解答チェック</button>
    <button onclick="reset()">リセット</button>

<script>
        function checkSolution() {
            var sudokuTable = document.getElementById("sudoku");
            var rows = Array.from(sudokuTable.getElementsByTagName("tr"));

var solution = [];
            for (var i = 0; i < rows.length; i++) {
                var cells = Array.from(rows[i].getElementsByTagName("td"));
                var rowSolution = [];
                for (var j = 0; j < cells.length; j++) {
                    var cellValue = cells[j].innerHTML.trim();
                    if (cellValue === "") {
                        rowSolution.push("");
                    } else {
                        rowSolution.push(parseInt(cellValue));
                    }
                }
                solution.push(rowSolution);
            }

var isValid = validateSolution(solution);
            if (isValid) {
                alert("正解！");
            } else {
                alert("不正解！");
            }
        }

function reset() {
            var sudokuTable = document.getElementById("sudoku");
            var cells = Array.from(sudokuTable.getElementsByTagName("td"));

for (var i = 0; i < cells.length; i++) {
                cells[i].innerHTML = "";
            }
        }

function validateSolution(solution) {
            // 数独の解答が正しいかをチェックするロジックを実装する
            // 省略
            return true;
        }
    </script>
</body>
</html>
```

この例では、数独の問題をHTMLのテーブルで表現しています。すでに数字が入っているセルは固定されており、空のセルにはプレイヤーが数字を入力することができます。

JavaScriptの`checkSolution()`関数は、解答チェックボタンがクリックされたときに呼び出されます。その関数内では、テーブル内の値を取得し、`validateSolution()`関数を呼び出して解答が正しいかどうかを判定します。解答が正しい場合は「正解！」とアラートが表示され、正しくない場合は「不正解！」と表示されます。

また、`reset()`関数はリセットボタンがクリックされたときに呼び出され、テーブル内のセルをすべて空にします。

ただし、この例では数独の問題が固定されていますが、実際のゲームではランダムな問題が生成されるようにするなど、さらなる改良が必要です。