一、數字輸入與格式校驗
在進行數字計算前,首先需要輸入數字。可以通過JavaScript的prompt函數獲取用戶輸入的數字。下面是一個簡單的示例:
let num1 = prompt("請輸入第一個數字");
let num2 = prompt("請輸入第二個數字");
這段代碼會彈出兩個對話框,分別用來輸入兩個數字。
由於用戶輸入的內容不一定是數字,還需要進行格式校驗。可以使用JavaScript的isNaN函數判斷輸入的內容是否為數字:
if (isNaN(num1) || isNaN(num2)) {
alert("請輸入數字");
}
如果用戶輸入的內容不是數字,就會彈出一個提示框提示用戶輸入數字。
二、數字計算與輸出
輸入數字後,就可以進行數字計算了。JavaScript支持基本的加、減、乘、除運算。下面是一個加法的例子:
let result = Number(num1) + Number(num2);
這段代碼將輸入的字符串類型的數字轉換為數字類型,然後進行加法運算。
計算完成後,可以將結果輸出到頁面上。可以使用JavaScript的document對象的innerHTML屬性,將計算結果放在一個HTML標籤中:
document.getElementById("result").innerHTML = result;
這段代碼將計算結果輸出到id為”result”的HTML標籤中。
三、處理小數點
在進行數字計算時,可能會涉及到小數點。JavaScript中的小數點使用”.”表示。
當需要輸入小數時,可以直接在數字後面加上”.”,例如:
let num = prompt("請輸入一個小數");
if (isNaN(num)) {
alert("請輸入數字");
} else {
document.getElementById("num").innerHTML = "您輸入的小數是:" + num;
}
計算小數時,需要注意保留小數點後幾位。可以使用toFixed函數實現:
let num1 = prompt("請輸入第一個小數");
let num2 = prompt("請輸入第二個小數");
if (isNaN(num1) || isNaN(num2)) {
alert("請輸入數字");
} else {
let result = (Number(num1) + Number(num2)).toFixed(2);
document.getElementById("result").innerHTML = "計算結果是:" + result;
}
這段代碼會將小數點後兩位的數字保留,可以根據需要修改。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/295329.html