Question

我是自学Javascript，并编写以下代码来了解事件处理程序。

<html>
<head>
  <script language=Javascript>
    function sum(first, second) {
      // return first + second
      return 42
    }

    function update(label, value) {
      document.getElementById(label).innerHTML = value
    }

    function foo() {
      return 42
    }
  </script>
</head>
<body>
  <form name="f1">
    One: <input type=text name=firstNum value=""><br>
    Two: <input type=text name=secondNum value=""><br>
    Sum: <label type=text id="OutSum"></label><br>

    <input type=button value='Update' onClick='update("OutSum", sum(4, 5))'> // <----
  </form>

目的是最终显示在文本框中输入的两个数字的总和。由于这不起作用，我正在经历中间步骤以找出问题所在。

我遇到上面箭头// <----标记的行有问题。如果我用下面的代替它，那么代码就可以了。

<input type=button value='Update' onClick='update("OutSum", foo())'>

如果方法采用参数，是否需要使用不同的语法？

PS：我意识到这可能是一种更好的方式/风格，但我只是用它来了解这种功能链是否可行，如果可行，如何使用它。

Answer 1

您的代码没有问题。请查看以下链接。

CodePen

如果它无法正常工作，请告诉我更详细的信息。

将函数的返回值传递给事件处理程序

1 个答案: