第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

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

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

MMMHUHU 2023-08-18 16:38:04
我對(duì)編程游戲比較陌生,剛剛開始我的第一個(gè) JS 項(xiàng)目。我決定做一個(gè)非?;镜念A(yù)算應(yīng)用程序。我很難將用戶輸入寫入頁面。我認(rèn)為它與輸入本身或我如何調(diào)用傳入輸入變量有關(guān),因?yàn)楫?dāng)我切換事件偵聽器來執(zhí)行此操作時(shí),我無法將其記錄到控制臺(tái)。我將在下面發(fā)布與這個(gè)問題相關(guān)的代碼部分。如果您能提供任何幫助,我將不勝感激。謝謝!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貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個(gè)贊

我測(cè)試了您的代碼并做了一些調(diào)整:


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);

});

因此,對(duì)于 querySelector,我添加了 ID 來選擇元素。我還為事件偵聽器添加了comingCalcButton,并將元素的值添加到innerHTML 而不是整個(gè)元素。


那應(yīng)該有效:)


查看完整回答
反對(duì) 回復(fù) 2023-08-18
  • 1 回答
  • 0 關(guān)注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)