MMMHUHU
2023-08-18 16:38:04
我對編程游戲比較陌生,剛剛開始我的第一個 JS 項目。我決定做一個非常基本的預算應用程序。我很難將用戶輸入寫入頁面。我認為它與輸入本身或我如何調用傳入輸入變量有關,因為當我切換事件偵聽器來執行此操作時,我無法將其記錄到控制臺。我將在下面發布與這個問題相關的代碼部分。如果您能提供任何幫助,我將不勝感激。謝謝!let incomingInput = document.querySelector("incoming_Cash_Input");let expenseInputName = document.querySelector("expense_Name");let expenseInputAmount = document.querySelector("expense_Value");function incomingCash() { document.getElementById("budgetIncoming").innerHTML = incomingInput; console.log("hello"); }incomingCalcButton.addEventListener("click", incomingCash())<h1>Budget Application</h1><div id="inputSections" class="inputSections"> <section id="incomingMoney"> <h3>Please Enter Your Budget</h3> <input type="number" id="incomingCashInput" class="inputs" name="incoming_Cash_Input"><br> <button id="incomingCalcButton">Calculate</button> </section> <section id="enterExpenses"> <h3>Please Enter Your Expense</h3> <input type="number" id="expenseName" class="inputs" name="expense_Name"> <h3>Please Enter Expense Amount</h3> <input type="number" id="expenseAmount" class="inputs" name="expense_Value"><br> <button id="expenseButton">Add Expense</button> </section></div><section id="calculations" class="calcs"> <div class="budget calcs"> <h3>Budget</h3><br> <img src="money_icon.png" class="moneyIcon calcIcon"><br> <section id="budgetIncoming"> </section> </div> <div class="expenses calcs"> <h3>Expenses</h3><br> <img src="expense_icon.png" class="expenseIcon calcIcon"><br> <section class="expenseIncoming"> </section> </div> <div class="balance calcs"> <h3>Balance</h3><br><br> <img src="budget_icon.png" class="budgetIcon calcIcon"><br> <section class="balanceIncoming"> </section> </div></section>
1 回答

開心每一天1111
TA貢獻1836條經驗 獲得超13個贊
我測試了您的代碼并做了一些調整:
let incomingInput = document.querySelector("#incomingCashInput");
let expenseInputName = document.querySelector("#expenseName");
let expenseInputAmount = document.querySelector("#expenseAmount");
let incomingCalcButton = document.querySelector("#incomingCalcButton");
function incomingCash(input) {
document.getElementById("budgetIncoming").innerHTML = input.value;
}
incomingCalcButton.addEventListener("click", function(){
incomingCash(incomingInput);
});
因此,對于 querySelector,我添加了 ID 來選擇元素。我還為事件偵聽器添加了comingCalcButton,并將元素的值添加到innerHTML 而不是整個元素。
那應該有效:)
添加回答
舉報
0/150
提交
取消