2 回答

TA貢獻1803條經驗 獲得超3個贊
您沒有為邏輯或使用正確的運算符,這是||(邏輯)不是|(按位)。
此外,您應該使用.textContentinstead of.innerHTML將值設置到另一個元素中,因為檢索到的值不包含任何 HTML。.innerHTML具有安全和性能影響。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
1st Number<br> <input type="number" step="0.01" id="num1" placeholder=0.00>
</form>
<button onclick="calculator()">submit</button>
<p id="answer"></p>
</body>
<script>
function calculator(){
const num1 = document.getElementById("num1").value || 0;
document.getElementById("answer").textContent = num1;
}
</script>
</html>

TA貢獻2011條經驗 獲得超2個贊
您正在使用二元運算符將值轉換為 int(內部)。
您應該改為parseFloat或使用+運算符將其轉換為Number
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
1st Number<br> <input type="number" step="0.01" id="num1" placeholder=0.00>
</form>
<button onclick="calculator()">submit</button>
<p id="answer"></p>
</body>
<script>
function calculator(){
const num1 = parseFloat(document.getElementById("num1").value);
document.getElementById("answer").innerHTML = num1;
//example user inputs 5.55, the returned value = 5
}
</script>
</html>
添加回答
舉報