我建立了一個網站，該網站從用戶編號中獲取并通過單擊按鈕執行特定的數學運算，例如用戶鍵入“100”并單擊 15% 按鈕應用程式將在控制臺日志中列印 15 現在用戶更改以前的值在輸入欄位到“80”并按相同的按鈕 15% 它應該列印“12”但不它仍然是相同的結果“15”如果我想要結果我需要重新加載頁面，我怎樣才能讓結果每用戶在 javascript 中更改輸入值的時間，這里有更多詳細資訊的簡單代碼：
HTML：
<input type="number" id="ID">
<button id="Button">15%</button>
JAVASCRIPT：
const input= document.getElementById("ID");
const button = document.getElementById("Button");
button.addEventListener('click', ()=>{
const operation = input.value * 0.15;
console.log(operation);
});
uj5u.com熱心網友回復：
您沒有從記憶體堆疊中重置輸入值，因此當您嘗試呼叫變數值時，您的程式會使用該變數的第一個存盤值。嘗試在事件偵聽器函式中實體化您的輸入變數，以便每次呼叫此操作時，您實際上都是在變數中獲取新值。
<div id="result"></div>
<input type="number" id="ID">
<button id="Button">15%</button>
const button = document.getElementById("Button");
button.addEventListener('click', ()=>{
const input= document.getElementById("ID");
const operation = input.value * 0.15;
console.log(operation);
document.getElementById("result").innerHTML=`${operation}`;
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/475442.html
標籤：javascript html 输入 用户输入