基本JS計算問題

javascript html

aki942959 2022-01-07 17:16:22 ‧ 1087 瀏覽

分享至

<input type="number" id="form1" value="1"></input>
<bdi>
  <span id="1" class="hello">
    $
  </span>
  1,030.00
</bdi>
<script>
    var number1=document.getElementById("form1");
    var number2;
    number1.addEventListener("input", jia);

    function jia(){
    number1=parseInt(document.getElementById("form1").value);
    number2 = document.getElementsByTagName("bdi");
    number2.innerHTML = number1+3;
    }
</script>

以上是我遇到的問題，我想提取 bdi 裡的數字，然後進行加法算式，但他沒有反應，想問一下這算式是不是有那裡出問題嗎？

我還在學習JS，有很多東西不會，希望能在這裡請教一下各位前輩們，謝謝！！

天黑 iT邦研究生 5 級 ‧ 2022-01-07 18:13:21 檢舉

回答次數報了我丟這
html
```
<input type="number" id="form1" value="1"></input>
<bdi>
<span id="1" class="hello">
$
</span>
<span id="cnt">1,030.00</span>
</bdi
```
script
```
document.getElementById('form1').addEventListener('input', jia);
function jia(){
let number1 = parseInt(document.getElementById("form1").value);
console.log(number1);
document.getElementById("cnt").innerHTML = number1+3;
}
```

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

海綿寶寶

iT邦大神 1 級 ‧ 2022-01-08 14:15:24

只要加三個字元[0]使變成

number2 = document.getElementsByTagName("bdi")[0];

即可(因為是 getElementsByTagName, 要指明是第幾個)

完整範例如下

<input type="number" id="form1" value="1"></input>
<bdi>
  <span id="1" class="hello">
    $
  </span>
  1,030.00
</bdi>

    var number1=document.getElementById("form1");
    var number2;
    number1.addEventListener("input", jia);

    function jia(){
    number1=parseInt(document.getElementById("form1").value);
    number2 = document.getElementsByTagName("bdi")[0];
    number2.innerHTML = number1+3;
    }

回應 3
分享
檢舉

aki942959 iT邦新手 5 級 ‧ 2022-01-10 00:45:26 檢舉

那想問一下我如何只複製1,030在一個新的Span？
$不要

greenriver iT邦研究生 4 級 ‧ 2022-01-10 08:25:03 檢舉

aki942959
給1030一個<span>

<bdi>
  <span id="1" class="hello">
    $
  </span>
   <span>1,030.00</span>
</bdi>

取值改成

number2 = document.getElementsByTagName("span")[1];

aki942959 iT邦新手 5 級 ‧ 2022-01-12 22:58:59 檢舉

如果Html是固定了這個架構是不是很難搞？
因為這個架構是在Wordpress裡取出來的，html我目前改不了。

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙