JavaScript實現猜數字小功能

更新時間：2025年01月26日 09:58:41 作者：Enti7c

本文主要介紹了JavaScript實現猜數字小功能,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

引言：

在學習編程的過程中，通過實際的小項目來鞏固知識是非常有效的方法。今天，我們將使用 JavaScript 來實現一個簡單的猜數字游戲。這個游戲不僅能讓我們熟悉 JavaScript 的基本語法，還能鍛煉我們的邏輯思維能力。

游戲規(guī)則

游戲會隨機生成一個 1 到 100 之間的整數，玩家有 10 次機會來猜出這個數字。每次猜測后，程序會給出相應的提示，告訴玩家猜大了、猜小了還是猜對了。如果 10 次機會用完仍未猜對，程序會顯示正確答案。

效果圖：

代碼實現:

let getNumber = Math.floor(Math.random() * 100) + 1;
let guessFois = 0; /* 次數 */
for (let i = 0; i < 10; i++) {
    /* 每次循環(huán)+1次 */
    guessFois++;
    let guess = parseInt(prompt("請輸入1 - 100之間的數字"));
    if (guess == getNumber) {
        alert("猜對了");
        break;
    } else if (guess < getNumber) {
        alert("猜小了");
    } else {
        alert("猜大了");
    }
    if (i == 9) {
        alert("10次機會用完了，正確數字是 " + getNumber + " ，下次再試試吧。");
    }
}

代碼詳細解釋：

1.首先在全局聲明并賦值guessFois（總次數）與getNumber（隨機數）。

-guessFois 用于記錄用戶猜測的次數，初始值為 0。

-Math.random() 是 JavaScript 內置的函數，它會生成一個 0（包含）到 1（不包含）之間的隨機小數。乘以 100 后，得到的結果是一個 0（包含）到 100（不包含）之間的隨機小數。

-Math.floor() 函數用于向下取整，將這個隨機小數轉換為整數。最后加上 1，得到一個 1 到 100 之間的整數，作為要猜測的目標數字。

let getNumber = Math.floor(Math.random() * 100) + 1;
let guessFois = 0; /* 次數 */

2. 利用for循環(huán)遍歷，并且i小于10，實現只有十次機會，for循環(huán)里第一步使guessFois（次數）加一

for (let i = 0; i < 10; i++) {
    /* 每次循環(huán)+1次 */
    guessFois++;
}

3. 聲明guess為猜測數字的彈窗，并且給出if else if條件判斷：猜對了/猜大了/猜小了。

使用 prompt() 函數彈出一個輸入框，讓用戶輸入一個數字。parseInt() 函數將用戶輸入的字符串轉換為整數，賦值給變量 guess。

for (let i = 0; i < 10; i++) {
				/* 每次循環(huán)+1次 */
				guessFois++;
				let guess = parseInt(prompt("請輸入1 - 100之間的數字"));
				if (guess == getNumber) {
					alert("猜對了");
					break;
				} else if (guess < getNumber) {
					alert("猜小了");
				} else {
					alert("猜大了");
				}
}

當循環(huán)到第 10 次（即 i 等于 9）時，說明 10 次機會已經用完，彈出提示框顯示正確答案和提示信息。

for (let i = 0; i < 10; i++) {
				/* 每次循環(huán)+1次 */
				guessFois++;
				let guess = parseInt(prompt("請輸入1 - 100之間的數字"));
				if (guess == getNumber) {
					alert("猜對了");
					break;
				} else if (guess < getNumber) {
					alert("猜小了");
				} else {
					alert("猜大了");
				}
				if (i == 9) {
					alert("10次機會用完了，正確數字是 " + getNumber + " ，下次再試試吧。");
				}
			}