Guess the number game (any number is a mistake) Black out the screen after confirming the players input! Please update in lots of big bright red letters.'s game

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

No:5178

1716

←

Prev Next

→

Guess the number game (any number is a mistake) Bl..ALL
Developer User3589｜Date and time 23/6/29 20:03:19
Build time 15.868 sec｜Game capacity 1.712KB｜

Script

了解しました。以下が、要件に従って実装された数当てゲームのHTMLファイルです。

このHTMLファイルは、ブラックアウトされた画面でプレイヤーが1から10の数字を入力することができます。入力が誤りである場合は、「更新してください」というメッセージを大きく表示し、背景色を真っ黒にします。入力が正しい場合は、メッセージをクリアし、背景色を白に変更します。上記のコードをコピーして、htmlファイルとして保存し、ウェブブラウザで開くことでゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下が、要件に従って実装された数当てゲームのHTMLファイルです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>数当てゲーム</title>
    <style>
        body {
            background-color: black;
        }
        #message {
            color: red;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-top: 200px;
        }
    </style>
    <script>
        function checkGuess() {
            var guess = parseInt(prompt("1から10の数字を入力してください:"));
            
            if (isNaN(guess) || guess < 1 || guess > 10) {
                document.getElementById("message").innerHTML = "更新してください";
                document.body.style.backgroundColor = "black";
            } else {
                document.getElementById("message").innerHTML = "";
                document.body.style.backgroundColor = "white";
            }
        }
        
        window.onload = function() {
            checkGuess();
        };
    </script>
</head>
<body>
    <div id="message"></div>
</body>
</html>
```

このHTMLファイルは、ブラックアウトされた画面でプレイヤーが1から10の数字を入力することができます。入力が誤りである場合は、「更新してください」というメッセージを大きく表示し、背景色を真っ黒にします。入力が正しい場合は、メッセージをクリアし、背景色を白に変更します。

上記のコードをコピーして、htmlファイルとして保存し、ウェブブラウザで開くことでゲームをプレイすることができます。