我正在做這個從frontendMentor獲得的小費計算器。這個應用程式的目的是把你的賬單金額。點擊小費百分比。添加人數。結果將顯示在右側，其中包含小費的總金額，以及該金額除以人數。
這個想法是作為一個按鈕陣列的 onclick，有一個代表提示 % 的引數。通過單擊其中之一，它將以正確的提示百分比觸發我的函式并將其顯示在右側的總金額中。
我正在輸入賬單金額并單擊按鈕，但沒有任何反應。我什至沒有可以除錯的錯誤訊息。
我是 Javascript 的新手，這個作業非常適合我練習 DOM 操作。你的任何見解都會令人驚嘆。謝謝！
https://jsfiddle.net/SophQuin/extgo4w9/6/
let myBill = document.getElementById('amount').value;
let people = document.getElementById('quantity').value;
let customTip = document.getElementById('custom').value;
let tipBtn = document.getElementsByClassName('tip');
let totalAmount = document.getElementById('tip-amount').value;
let personAmount = document.getElementById('tip-person').value;
function total (perc) {
totalResult = myBill*perc/100;
totalAmount.value = totalResult;
};
tipBtn[0].addEventListener('click', total);
注意：*它來自前端導師。我會在應用程式中添加一個提交或輸入按鈕來觸發計算。但我想聽從指示。*我還沒有對每個人的小費和重置按鈕進行編碼。自己會嘗試這樣做 *人數不能為 0，我也會嘗試自己弄清楚如何做到這一點。
uj5u.com熱心網友回復：
為了讓它作業，像這樣更新你的 JS 檔案
let people = document.getElementById('quantity').value;
let customTip = document.getElementById('custom').value;
let tipBtn = document.getElementsByClassName('tip');
let totalAmount = document.getElementById('tip-amount');
let personAmount = document.getElementById('tip-person').value;
function total (perc) {
let myBill = document.getElementById('amount').value;
totalResult = myBill*perc/100;
totalAmount.value = totalResult;
}
由于您直接total在按鈕上呼叫函式，因此無需添加正在注冊事件處理程式的這一行
tipBtn[0].addEventListener('click', total);
uj5u.com熱心網友回復：
干得好：
let myBill = document.getElementById("amount");
let people = document.getElementById("quantity").value;
let customTip = document.getElementById("custom").value;
let tipBtn = document.querySelectorAll(".tip");
let totalAmount = document.getElementById("tip-amount");
let personAmount = document.getElementById("tip-person").value;
function total(perc) {
let myBill = document.getElementById("amount").value;
let totalResult = (myBill * perc) / 100;
totalAmount.value = totalResult;
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/318089.html
標籤：javascript 功能 dom 用户输入 添加事件监听器
上一篇：沒有指定憑證從遠程Git獲取變化