我正在嘗試從函式回傳一個值，以便它以 HTML 格式顯示。它在 HTML 上回傳 0，但在函式內的警報訊息中回傳正確的輸入值。這是我的代碼：
<body>
<p>Number of bags: </p>
<input type="number" id="numBagInputId">
<input type="submit" id="numBagSubmitId" onClick="myFunction()">
<p>You will need: </p>
<p id="bags"></p>
<p>grams.</p>
<script>
function myFunction() {
let dryAmount = document.getElementById("numBagInputId").value * 921;
alert (dryAmount);
return dryAmount;
}
let bagTotal = myFunction();
document.getElementById("bags").innerHTML = bagTotal;
</script>
</body>
uj5u.com熱心網友回復：
由于您尚未定義任何事件偵聽器方法，myFunction()因此首先呼叫它。但是，由于尚未將資料輸入到<input>元素中，因此回傳值 0。為了防止這種情況，我為元素的value屬性分配了一個值。<input>元素的事件監聽器方法<input>用于更新程式內的值。
const inputElement = document.getElementById('numBagInputId');
function myFunction() {
let dryAmount = inputElement.value * 921;
console.log(`Result: ${dryAmount}`)
return dryAmount;
}
function update(){
let bagTotal = myFunction();
document.getElementById("bags").innerHTML = bagTotal " this is the bag total value";
}
inputElement.addEventListener('input', function(){
update();
});
update();<p>Number of bags: </p>
<!-- The value attribute is assigned a default value. -->
<input type="number" id="numBagInputId" value="10">
<input type="submit" id="numBagSubmitId" onClick="myFunction()">
<p>You will need: </p>
<p id="bags"></p>
<span>grams</span>uj5u.com熱心網友回復：
按照 ss 中給出的方式更新您的腳本。 https://i.stack.imgur.com/HWBKq.jpg
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/412383.html
標籤：
上一篇：SML埃拉托色尼篩