JavaScript 中的 prompt 方法是一個用于獲取用戶輸入的函數,以彈出對話框的形式顯示在用戶面前。當我們需要從用戶那里獲取一些信息時,prompt 是非常有用的。以下是一些例子。
首先,如果我們需要獲取用戶的姓名:
let name = prompt("請輸入您的姓名", "張三"); console.log(name);
這里我們設置彈出框的消息為“請輸入您的姓名”,默認值為“張三”,如果用戶沒有輸入,那么就會把默認值作為用戶的姓名。得到的值會被打印到控制臺上。
下一個例子是獲取用戶的年齡:
let age = prompt("請輸入您的年齡", ""); if (age == null || age == "") { console.log("您沒有輸入年齡"); } else if (!isNaN(age)) { console.log("您的年齡是:" + age); } else { console.log("您輸入的不是有效的數字"); }
這里我們需要注意的是,我們需要判斷用戶輸入的值是否是有效的數字。如果是,那么就輸出用戶的年齡,如果不是,那么就提示用戶輸入的不是有效的數字。
最后一個例子是獲取用戶的選擇方案:
let choice = prompt("請選擇您要做的事情\n 1.學習\n 2.健身\n 3.游玩", "1"); switch (choice) { case "1": console.log("您選擇了學習"); break; case "2": console.log("您選擇了健身"); break; case "3": console.log("您選擇了游玩"); break; default: console.log("您沒有選擇任何一個方案"); break; }
這里我們需要注意的是,我們把選擇方案的文本放到了彈出框的消息中,用戶可以根據文本內容選擇自己喜歡的方案。通過 switch 語句,我們可以對用戶的選擇進行條件判斷,根據用戶選擇的不同,在控制臺輸出不同的信息。
總之,prompt 方法是非常實用的一個函數,我們可以通過它快速地獲取用戶的輸入信息,進而進行各種有意義的操作。當然,在使用 prompt 方法時,我們應該注意其局限性,要能夠正確判斷用戶輸入的值,避免出現錯誤。
上一篇css樣式寫在什么標簽
下一篇css把div字體加粗