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

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

簡單表格上的 html 和 javascript

簡單表格上的 html 和 javascript

我正在學(xué)習(xí)網(wǎng)絡(luò)開發(fā)的基礎(chǔ)課程。我使用 html 創(chuàng)建了一個(gè)非常簡單的表格，其中包含 2 列：蘋果和水果。水果應(yīng)該是蘋果的數(shù)量 + 5（為了更好理解的基本方法）。我也嘗試添加一個(gè) addeventlistenervar apples = document.getElementById('apples');var fruits = document.getElementById('fruits');function calculate() {  fruits = apples + 5;  fruits.innerHTML = fruits;}// Get all the input columnsvar inputElement = document.getElementById('apples');// Add Event Listeners to all the input columnsinputElement.addEventListener('change', calculate);<table class="egt">  <tr>    <th>apples</th>    <th>fruits</th>  </tr>  <tr>    <td>      <input type="number" id="apples">    </td>    <td>      <input type="number" id="fruits">    </td>  </tr></table>我沒有在“水果”欄中得到“8”。我在代碼中遺漏了什么嗎？提前致謝
查看完整描述

3 回答

?
泛舟湖上清波郎朗

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超3個(gè)贊

var fruits = document.getElementById('fruits');


function calculate(event) {

//use event here to get the apples element value on every change event.target.value so you dont have to fetch the element every time

? fruits.value = (parseInt(event.target.value) + 5);

? //parse it as nummber and + 5

}


var inputElement = document.getElementById('apples');

inputElement.addEventListener('change', calculate);

<table class="egt">

? <tr>

? ? <th>apples</th>

? ? <th>fruits</th>

? </tr>

? <tr>

? ? <td>

? ? ? <input type="number" id="apples">

? ? </td>

? ? <td>

? ? ? <input type="number" id="fruits">

? ? </td>

? </tr>

</table>


查看完整回答
反對 回復(fù) 2023-05-11
?
溫溫醬

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

value輸入值在標(biāo)簽的屬性上更新input。所以需要得到像fruits.value和這樣的價(jià)值apple.value。

并且apples.value是字符串，所以求和運(yùn)算需要轉(zhuǎn)為數(shù)字。

var apples = document.getElementById('apples');

var fruits = document.getElementById('fruits');


function calculate() {

  fruits.value = Number(apples.value) + 5;

}

// Get all the input columns

var inputElement = document.getElementById('apples');

// Add Event Listeners to all the input columns

inputElement.addEventListener('change', calculate);

<table class="egt">

  <tr>

    <th>apples</th>

    <th>fruits</th>

  </tr>

  <tr>

    <td>

      <input type="number" id="apples">

    </td>

    <td>

      <input type="number" id="fruits">

    </td>

  </tr>

</table>


查看完整回答
反對 回復(fù) 2023-05-11
?
開心每一天1111

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個(gè)贊

從中獲取字符串值apples.value并用于parseInt轉(zhuǎn)換為整數(shù)，然后更新水果。


var apples = document.getElementById('apples');

var fruits = document.getElementById('fruits');

  

  function calculate() {

    fruits.value = parseInt(apples.value) + 5;

  }

  // Get all the input columns

  var inputElement = document.getElementById('apples');

  // Add Event Listeners to all the input columns

  inputElement.addEventListener('change', calculate);

<table class="egt">

        <tr>

          <th>apples</th>

          <th>fruits</th>

        </tr>

        <tr>

          <td>

            <input type="number" id="apples">

          </td>

          <td>

            <input type="number" id="fruits">

          </td>

        </tr>

      </table>


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

添加回答

舉報(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)