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

No:13756

129

←

Prev Next

→

あ
Developer User5804｜Date and time 23/8/29 22:07:10
Build time 13.647 sec｜Game capacity 1.705KB｜

Script

了解しました。以下にルールを含んだシンプルなゲームのHTMLプログラムを示します。

シンプルなゲーム

スコア: 0

このプログラムは、スコアを増やすために画面上の絵文字をクリックするシンプルなゲームです。【スタート】ボタンを押すとゲームが開始し、絵文字をクリックするとスコアが増えます。5秒経過後にゲームが終了し、スコアが表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にルールを含んだシンプルなゲームのHTMLプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>シンプルなゲーム</title>
<style>
    body {
        text-align: center;
        font-size: 24px;
    }
</style>
</head>
<body>
    <h1>シンプルなゲーム</h1>
    <p id="score">スコア: 0</p>
    <button onclick="startGame()">スタート</button>
    
    <script>
        var score = 0;
        var playing = false;

function startGame() {
            if (playing) {
                return;
            }
            playing = true;
            score = 0;
            updateScore();

document.body.innerHTML += '<p id="emoji">😀</p>';
            document.addEventListener('click', increaseScore);
            setTimeout(endGame, 5000);
        }

function increaseScore() {
            score++;
            updateScore();
        }

function updateScore() {
            document.getElementById('score').innerHTML = 'スコア: ' + score;
        }

function endGame() {
            playing = false;
            document.removeEventListener('click', increaseScore);
            document.getElementById('emoji').remove();
            alert('ゲーム終了！\nスコア: ' + score);
        }
    </script>
</body>
</html>
```