タイルを交互に押し、連続で押したらゲームオーバー's game

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

No:31389

←

Prev Next

→

タイルを交互に押し、連続で押したらゲームオーバー
Developer User15123｜Date and time 23/12/26 17:42:42
Build time 19.413 sec｜Game capacity 1.829KB｜

Script

以下が、要件を満たすプログラムの実装例です。

このプログラムは、1枚のHTMLファイルとして実装されており、JavaScriptは`script`タグで囲まれています。ゲームの処理は実行開始され、完成したゲームとしてスマホで遊ぶことができます。タイルを交互に押すことで、"×"と"○"が表示されます。連続して同じ記号を押した場合は「ゲームオーバー」とアラートが表示され、ページがリロードされます。なお、スタイルが適用されるため、タイルをクリックするたびに背景色が変わるようになっています。また、絵文字を使用して"×"と"○"を表示しています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

以下が、要件を満たすプログラムの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>タイルゲーム</title>
    <style>
        .tile {
            width: 100px;
            height: 100px;
            font-size: 50px;
            text-align: center;
            line-height: 100px;
            border: 2px solid black;
            background-color: gray;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="tile" onclick="tileClicked(this)"></div>
    <script>
        let currentPlayer = 1;
        
        function tileClicked(tile) {
            if(tile.innerHTML !== "") {
                gameOver();
                return;
            }
            
            tile.innerHTML = currentPlayer === 1 ? "×" : "○";
            tile.style.backgroundColor = currentPlayer === 1 ? "lightpink" : "lightblue";
            
            currentPlayer = currentPlayer === 1 ? 2 : 1;
        }
        
        function gameOver() {
            alert("ゲームオーバー");
            location.reload();
        }
    </script>
</body>
</html>
```

このプログラムは、1枚のHTMLファイルとして実装されており、JavaScriptは`script`タグで囲まれています。ゲームの処理は実行開始され、完成したゲームとしてスマホで遊ぶことができます。

タイルを交互に押すことで、"×"と"○"が表示されます。連続して同じ記号を押した場合は「ゲームオーバー」とアラートが表示され、ページがリロードされます。

なお、スタイルが適用されるため、タイルをクリックするたびに背景色が変わるようになっています。また、絵文字を使用して"×"と"○"を表示しています。