JavaScript数字当てゲームのソースコード

<h1>数字当てゲーム</h1>
<p>コンピューターが選んだ0～9までの数字を予想してください。</p>
<input type="number" id="guessInput" min="0" max="9">
<button id="guessButton" onclick="submitGuess()">予想する</button>
<p id="resultMessage"></p>
<p id="attemptsMessage"></p>

<script>
let attempts = 0;
const maxAttempts = 3; // 最大試行回数

// 0～9までの数字をランダムに選ぶ
let randomNumber = Math.floor(Math.random() * 10);

function submitGuess() {
attempts++;
let userGuess = Number(document.getElementById('guessInput').value);
let resultMessage;

if (userGuess === randomNumber) {
resultMessage = "当たりです！正解は " + randomNumber + " でした。";
document.getElementById('guessInput').disabled = true; // 入力を無効化
document.getElementById('guessButton').disabled = true; // ボタンを無効化
} else if (userGuess < randomNumber) {
resultMessage = "もっと大きい数字です。";
} else {
resultMessage = "もっと小さい数字です。";
}

// 試行回数を表示する
if (attempts >= maxAttempts && userGuess !== randomNumber) {
resultMessage = "試行回数を超えました。正解は " + randomNumber + " でした。";
document.getElementById('guessInput').disabled = true; // 入力を無効化
document.getElementById('guessButton').disabled = true; // ボタンを無効化
}

// 結果を表示する
document.getElementById('resultMessage').textContent = resultMessage;
document.getElementById('attemptsMessage').textContent = "試行回数: " + attempts;
}
</script>