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

No:31204

←

Prev Next

→

Hit&Blow
Developer User14987｜Date and time 23/12/25 14:01:31
Build time 19.006 sec｜Game capacity 2.49KB｜

Script

了解しました。以下のようなJavaScriptを含むHTMLファイルを作成し、Hit & Blowゲームを実装します。

Hit & Blow

Guess a 4-digit number!

このHTMLファイルでは、プレイヤーが4桁の数字を入力して「Check」ボタンを押すと、その数字が正解と比較され、「Hits」と「Blows」の数が表示されます。ゲームがクリアされると、「Congratulations! You guessed the number!」と表示されます。プレイヤーの入力は`<input>`要素の`id`属性を使用して取得し、正解の数字は`targetNumber`という変数に保存されます。ゲームの実行は`checkGuess()`関数で行われ、結果は`<div>`要素の`id`属性が`result`の要素に表示されます。 Try it out and enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解しました。以下のようなJavaScriptを含むHTMLファイルを作成し、Hit & Blowゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hit & Blow</title>
</head>
<body>
    <h1>Hit & Blow</h1>
    <p>Guess a 4-digit number!</p>
    <input type="number" id="guessInput">
    <button onclick="checkGuess()">Check</button>
    <div id="result"></div>

function checkGuess() {
            let guess = document.getElementById("guessInput").value;

// Validate the guess
            if (guess.length !== 4) {
                document.getElementById("result").textContent = "Please enter a 4-digit number.";
                return;
            }

// Check for hits and blows
            let hits = 0, blows = 0;
            for (let i = 0; i < 4; i++) {
                let targetDigit = parseInt(targetNumber.toString()[i]);
                let guessDigit = parseInt(guess[i]);
                
                if (guessDigit === targetDigit) {
                    hits++;
                } else if (targetNumber.toString().includes(guessDigit.toString())) {
                    blows++;
                }
            }

// Display the result
            let resultText = `Hits: ${hits}, Blows: ${blows}`;
            document.getElementById("result").textContent = resultText;

// Check if the guess is correct
            if (hits === 4) {
                document.getElementById("result").textContent = "Congratulations! You guessed the number!";
            }

// Clear the input field
            document.getElementById("guessInput").value = "";
        }
    </script>
</body>
</html>
```

このHTMLファイルでは、プレイヤーが4桁の数字を入力して「Check」ボタンを押すと、その数字が正解と比較され、「Hits」と「Blows」の数が表示されます。ゲームがクリアされると、「Congratulations! You guessed the number!」と表示されます。

プレイヤーの入力は`<input>`要素の`id`属性を使用して取得し、正解の数字は`targetNumber`という変数に保存されます。ゲームの実行は`checkGuess()`関数で行われ、結果は`<div>`要素の`id`属性が`result`の要素に表示されます。

Try it out and enjoy the game!