为什么代码的第一部分不能正常工作,而第二部分却可以工作?

时间:2019-04-04 18:22:41

标签: javascript

<script type="text/javascript">
// first part
document.getElementById("creditBal")
        .addEventListener("keyup", myFunction);

function myFunction() {
  var x = document.getElementById("creditBal");
  var y = document.getElementById("cashBal");
  var z = document.getElementById("totalBal");

  if(y.value == "") {
     z.value = x.value;
  }
  else {
    var tot = parseInt(x.value) + parseInt(y.value);

    z.value = tot + "";
  }
}

// second part
document.getElementById("cashBal")
        .addEventListener("keyup", myFunction);

function myFunction() {
  var x = document.getElementById("creditBal");
  var y = document.getElementById("cashBal");
  var z = document.getElementById("totalBal");

  if(x.value == "") {
    z.value = y.value;
  }
  else {
    var tot = parseInt(x.value) + parseInt(y.value);

    z.value = tot+"";
  }
}
</script>

1 个答案:

答案 0 :(得分:1)

在上面的代码中,两个函数都被命名为相同的“ myFunction”,这引起了歧义。尝试用不同的名称命名功能。甚至myFunction1myFunction2仅用于区分它们。