2 回答

TA貢獻(xiàn)1921條經(jīng)驗 獲得超9個贊
這是已更正的代碼,有。我還添加math.round了哪些要刪除的內(nèi)容以獲得四舍五入的結(jié)果:
<html>
<head>
<script>
function calcAmount() {
let userAmount = document.getElementById("amount").value;
let level1 = 351;
if (userAmount <= level1) {
document.getElementById("marginAmount").textContent = Math.round(userAmount * 7) / 100;
} else {
document.getElementById("marginAmount").textContent = "Amount is > 351";
}
}
</script>
</head>
<body>
<div class="form">
<label for="points amount">Entrez un montant en points</label>
<input type="number" class="amount-enter" id="amount">
<input type="submit" value="Montant marge additionnelle" id="submit" class="submit-enter" onclick="calcAmount()">
</div>
<p id="marginAmount" class="enter-margin"></p>
</body>

TA貢獻(xiàn)1871條經(jīng)驗 獲得超13個贊
三件事:
您
.
在ID選擇器中沒有這些選擇器(它們應(yīng)該存在,#
但只能在一種querySelector
方法中使用)。您正在
calcLevel1
直接計算,這意味著0 * 7 / 100
是0
。你需要計算
calcLevel1
用amount.value
,這意味著你可以刪除calcLevel1.value
,當(dāng)你設(shè)置textContent
的段落。
我還添加了一條else
語句,以便textContent
在該語句為false時將其清空。
let amount = document.getElementById("amount");
let marginAmount = document.getElementById("marginAmount")
let submit = document.getElementById("submit");
submit.addEventListener('click', calcAmount);
function calcAmount() {
const calcLevel1 = amount.value * 7 / 100;
let userAmount = Number(amount.value);
let level1 = 351;
if (userAmount <= level1) {
marginAmount.textContent = calcLevel1;
} else {
marginAmount.textConten = "";
}
}
<div class="form">
<label for="points amount">Entrez un montant en points</label>
<input type="number" class="amount-enter" id="amount">
<input type="submit" value="Montant marge additionnelle" id="submit" class="submit-enter">
</div>
<p id="marginAmount" class="enter-margin"></p>
添加回答
舉報