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

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

單擊按鈕后如何刪除 0?

單擊按鈕后如何刪除 0?

RISEBY 2023-03-10 15:21:43
例如,當(dāng)我單擊其中一個時1,或者將被單擊的按鈕覆蓋。20displaylet display = document.querySelector('.display');let numberButtons = document.querySelectorAll('.number').forEach(function(numberButtons) {  numberButtons.addEventListener('click', showNumber)  function showNumber() {    display.innerHTML += numberButtons.innerHTML  }});<body>  <div class='container'>    <div class="display">0</div>    <button class='number' id='one'>1</button>    <button class='number' id="two">2</button>  </div></body>
查看完整描述

3 回答

?
不負(fù)相思意

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個贊

您可以簡單地添加一條if語句,說明如果在添加任何內(nèi)容之前將0其display 刪除,如下if (display.textContent == 0){display.innerHTML = "";}所示


例子

let display = document.querySelector('.display');


let numberButtons = document.querySelectorAll('.number').forEach(function(numberButtons) {

  numberButtons.addEventListener('click', showNumber)


  function showNumber() {

    if (display.textContent == 0){

      display.innerHTML = "";

    }

    display.innerHTML += numberButtons.innerHTML;

  }

});

<body>

  <div class='container'>

    <div class="display">0</div>

    <button class='number' id='one'>1</button>

    <button class='number' id="two">2</button>

  </div>

</body>


或者簡單地說,如果您想覆蓋所有內(nèi)容,則意味著在 DOM 中添加任何內(nèi)容之前只需刪除所有內(nèi)容,您可以簡單地嘗試以下操作


例子

let display = document.querySelector('.display');


let numberButtons = document.querySelectorAll('.number').forEach(function(numberButtons) {

  numberButtons.addEventListener('click', showNumber)


  function showNumber() {

    display.innerHTML = "";

    display.innerHTML += numberButtons.innerHTML;

  }

});

<body>

  <div class='container'>

    <div class="display">0</div>

    <button class='number' id='one'>1</button>

    <button class='number' id="two">2</button>

  </div>

</body>


查看完整回答
反對 回復(fù) 2023-03-10
?
慕村225694

TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個贊

看起來你的按鈕文本總是數(shù)字,顯示的結(jié)果應(yīng)該是由這些數(shù)字組成的數(shù)字。

您可以將結(jié)果轉(zhuǎn)換為數(shù)字(使用一元+)并分配:

display.textContent = +(display.textContent + numberButtons.textContent)

innerHTML注意:當(dāng)您需要支持 HTML 編碼的字符串時,最好保留 for 的使用。否則使用textContent.

let display = document.querySelector('.display');


let numberButtons = document.querySelectorAll('.number').forEach(function(numberButtons) {

  numberButtons.addEventListener('click', showNumber)


  function showNumber() {

    display.innerHTML = +(display.innerHTML + numberButtons.innerHTML);

  }

});

<div class='container'>

  <div class="display">0</div>

  <button class='number' id='one'>1</button>

  <button class='number' id="two">2</button>

</div>


查看完整回答
反對 回復(fù) 2023-03-10
?
撒科打諢

TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個贊

我仍然需要 +=,但與此同時,我不希望在單擊按鈕后出現(xiàn) 0。


您可以檢查display.innerHTML是否為 0。因此可以決定是連接還是替換字符串。


let display = document.querySelector('.display');


let numberButtons = document.querySelectorAll('.number').forEach(function(numberButtons) {

    numberButtons.addEventListener('click', showNumber)


    function showNumber() {

        if (display.innerHTML == '0') {

            display.innerHTML = numberButtons.innerHTML

        } else {

            display.innerHTML += numberButtons.innerHTML

        }

    }

});

<div class='container'>

    <div class="display">0</div>

    <button class='number' id='one'>1</button>

    <button class='number' id="two">2</button>

</div>


查看完整回答
反對 回復(fù) 2023-03-10
  • 3 回答
  • 0 關(guān)注
  • 155 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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