加总输入不'；不改变javascript_Javascript_Html

加总输入不'；不改变javascript

javascript html

加总输入不'；不改变javascript,javascript,html,Javascript,Html,我试图把3个数字类型的输入元素加起来。出于某种原因，这不起作用。当我取出if语句时，它是有效的，但只有在我更改了第一个语句（score1）之后。当我改变其他人时，什么也没发生。谢谢 function getTotal() { var score1 = document.getElementById("score1"); var score2 = document.getElementById("score2"); var score3 = document.getElementById("sc

我试图把3个数字类型的输入元素加起来。出于某种原因，这不起作用。当我取出if语句时，它是有效的，但只有在我更改了第一个语句（score1）之后。当我改变其他人时，什么也没发生。谢谢

function getTotal() {

var score1 = document.getElementById("score1");
var score2 = document.getElementById("score2");
var score3 = document.getElementById("score3");

var sc1 = parseInt(score1.value);
var sc2 = parseInt(score2.value);
var sc3 = parseInt(score3.value);

if (isNan(sc1)) {
    sc1 = 0;
}

if (isNan(sc2)) {
    sc2 = 0;
}

if (isNan(sc3)) {
    sc3 = 0;
}

var total = sc1 + sc2 + sc3;
document.getElementById("totalScore").innerHTML = total;

}

function assign() {
    var score1 = document.getElementbyId("score1");
    var score2 = document.getElementbyId("score2");
    var score3 = document.getElementbyId("score3");    

    score1.onchange = getTotal;
    score2.onchange = getTotal;
    score3.onchange = getTotal;
}


<!DOCTYPE html>
<html>
  <head>
    <script src="getTotal.js"  type="text/javascript"></script>
  </head>
  <body>
    <header>
      <tbody>
        <tr>
          <td>
            Total: 
            <output id="total" class="totalScore"></output>
          </td>
        </tr>
      </tbody>
    </header>
  <table>
    <tbody>
      <td>Score 1</td>
      <td><input type="number" id="score1"/></td>

      <td>Score 2</td>
      <td><input type="number" id="score2" /></td>

      <td>Score 3</td>
      <td><input type="number" id="score3" /></td>
    </tbody>
  </table>

   <script type="text/javascript">assign();</script>

  </body>
 </html>

函数getTotal（）{ var score1=document.getElementById（“score1”）； var score2=document.getElementById（“score2”）； var score3=document.getElementById（“score3”）； var sc1=parseInt（score1.value）； var sc2=parseInt（score2.value）； var sc3=parseInt（score3.value）； if（isNan（sc1））{ sc1=0； } 如果（isNan（sc2））{ sc2=0； } 如果（isNan（sc3））{ sc3=0； } var total=sc1+sc2+sc3； document.getElementById（“totalScore”）.innerHTML=total； } 函数赋值（）{ var score1=document.getElementbyId（“score1”）； var score2=document.getElementbyId（“score2”）； var score3=document.getElementbyId（“score3”）；分数1.onchange=getTotal； score 2.onchange=getTotal；得分3.onchange=getTotal； } 总数：得分1 得分2 得分3分赋值（）；拼写错误

var score1 = document.getElementbyId("score1");
var score2 = document.getElementbyId("score2");
var score3 = document.getElementbyId("score3");

如果您检查控制台，您将在调用score1的行上看到错误

UncaughtTypeError:undefined不是函数。选择器是document.getElement*By*Id
，您是用小写字母编写的。
您的
有一个Id属性，其值为“total”，而您的class属性的值为“totalscore”。考虑将ID值更改为“ToePrimes”或将GETelEnMyBid的值改为“得分”< /P>