HTML5猜數(shù)字小游戲是一個(gè)簡單但有趣的游戲，讓玩家猜測被計(jì)算機(jī)隨機(jī)生成的數(shù)字并輸出結(jié)果。以下是一個(gè)簡單的HTML5猜數(shù)字游戲代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>猜數(shù)字游戲</title>
</head>
<body>
<h1>猜數(shù)字游戲</h1>
<p>我要猜一個(gè)1到100之間的數(shù)字。</p>
<p>請輸入你的猜測:</p>
<input type="text" id="guess">
<br><br>
<button onclick="checkGuess()">提交</button>
<p id="output"></p>
<script>
var randomNum = Math.floor(Math.random() * 100) + 1; // 生成隨機(jī)數(shù)
var numOfGuesses = 0; // 初始化猜測次數(shù)
function checkGuess() {
var userGuess = parseInt(document.getElementById("guess").value);
numOfGuesses++;
if(userGuess === randomNum) { // 猜對了
document.getElementById("output").innerHTML = "恭喜你，你用了" + numOfGuesses + "次機(jī)會(huì)猜對了！";
} else if(userGuess >randomNum) { // 猜大了
document.getElementById("output").innerHTML = "你猜的數(shù)字太大了，請?jiān)僭囈淮巍?;
} else { // 猜小了
document.getElementById("output").innerHTML = "你猜的數(shù)字太小了，請?jiān)僭囈淮巍?;
}
}
</script>
</body>
</html>在這個(gè)游戲中，我們使用了HTML5的核心元素如<h1>、<p>和<input>等。我們還在JavaScript代碼中定義了一個(gè)<script>標(biāo)簽，用于處理游戲邏輯和生成隨機(jī)數(shù)、判斷猜測等操作。其中，我們使用了parseInt()函數(shù)將用戶輸入的字符串轉(zhuǎn)換為整數(shù)，并使用innerHTML將結(jié)果輸出至頁面上。
上一篇post類css
下一篇mysql5.7小版本