JavaScript猜字游戲是一款非常有趣的小游戲，它可以很好地幫助我們以交互的方式學習JavaScript的基礎語法和常用API。該游戲的玩法很簡單：玩家通過在頁面上輸入數字，猜測出計算機隨機生成的數字。下面我們就來看看如何實現這個小游戲。
首先，我們需要在HTML文件中添加一個輸入框和一個按鈕，用于獲取玩家輸入的數字，并觸發猜數邏輯。代碼如下：
<body> <h1>猜數字小游戲</h1> <label for="guess">請輸入1-100的數字：</label> <input type="text" id="guess" name="guess"> <br/> <br/> <button onclick="guessNumber()">猜！</button> <div id="result"></div> </body>
接著，我們需要在JavaScript文件中編寫猜數邏輯。具體來說，我們需要定義一個名為randomNumber的函數，用于生成一個隨機數；定義一個名為guessNumber的函數，來判斷玩家的猜測是否正確。其中，guessNumber函數需要和HTML文件中的按鈕綁定，當玩家點擊按鈕時，該函數被觸發。代碼如下：
<script>
function randomNumber() {
return Math.floor(Math.random() * 100) + 1;
}
var correctNumber = randomNumber();
function guessNumber() {
var guess = parseInt(document.getElementById("guess").value);
if (guess === correctNumber) {
document.getElementById("result").innerHTML = "恭喜你，猜對了！";
} else if (guess >correctNumber) {
document.getElementById("result").innerHTML = "猜大了！請再試一次。";
} else {
document.getElementById("result").innerHTML = "猜小了！請再試一次。";
}
}
</script>在guessNumber函數中，我們首先獲取了玩家的猜測，并將其轉為整數類型；然后使用if語句判斷玩家的猜測是否正確，如果猜測正確，則顯示“恭喜你，猜對了！”；如果猜測大了，則顯示“猜大了！請再試一次。”；如果猜測小了，則顯示“猜小了！請再試一次。”。其中，通過document.getElementById("result").innerHTML來實現在頁面上顯示相應的文字提示。
需要注意的是，在每次玩家猜過之后，我們需要將輸入框清空，以便下一次猜數。代碼如下：
document.getElementById("guess").value = "";最后，我們可以再添加一個“重新開始”按鈕，用于重新生成隨機數，并清空之前的猜測記錄。代碼如下：
<button onclick="resetGame()">重新開始</button>
function resetGame() {
correctNumber = randomNumber();
document.getElementById("result").innerHTML = "";
document.getElementById("guess").value = "";
}通過以上代碼，我們就成功地實現了一個簡單的JavaScript猜字游戲。當然，為了豐富游戲的玩法和體驗，我們還可以加入一些其他的功能，比如：增加游戲難度；記錄猜測次數和猜測時間等信息；添加聲音和動畫效果等。