亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我在提取用戶的輸入并將其寫入帶有 HTML 和 JS 的頁面時遇到問題。

我在提取用戶的輸入并將其寫入帶有 HTML 和 JS 的頁面時遇到問題。

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 而不是整個元素。


那應該有效:)


查看完整回答
反對 回復 2023-08-18
  • 1 回答
  • 0 關注
  • 119 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號