快捷導(dǎo)航

JavaScript實現(xiàn)猜數(shù)字小功能

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

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

引言：

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

游戲規(guī)則

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

效果圖：

代碼實現(xiàn):

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

代碼詳細解釋：

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

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

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

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

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

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

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

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

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

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

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

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