<!DOCTYPE html>
<html>
<body>
<h1>数字当てゲーム</h1>
<p>1から100までの数字を当ててください。</p>
<input type="number" id="answer" min="1" max="100">
<button onclick="checkAnswer()">チェック</button>
<p id="result"></p>
<script>
// ランダムな数字を生成
let randomNumber = Math.floor(Math.random() * 100) + 1;
function checkAnswer() {
// プレイヤーの入力を取得
let userNumber = parseInt(document.getElementById('answer').value);
// 結果表示用の要素を取得
let result = document.getElementById('result');
// 数字をチェック
if (userNumber === randomNumber) {
result.textContent = `おめでとう!正解です。`;
} else if (userNumber > randomNumber) {
result.textContent = 'もっと小さい数字です。';
} else {
result.textContent = 'もっと大きい数字です。';
}
}
</script>
</body>
</html>