Question

我想在使用javascript单击按钮后计算简单的数学，是的，就像带有参数的onClick函数那样简单的数学。对不起，我是JavaScript初学者

代码就是这个。

<html>
  <body>
    <button onclick="myFunction(4,3)">sasd</button>
    <p id="demo"></p>

    <script>
      function myFunction(p1, p2) {
        x1= p1 * p2;
      }
      document.getElementById("demo").innerHTML = x1;
    </script>
  </body>
</html>

Answer 1

绝对正确。把最后一行放在函数中。在这里，您在单击时调用该函数，但当时没有附加。它的外部和它在开始时被称为。

正确的解决方案是：

function myFunction(p1, p2) { 
  x1= p1 * p2; 
  document.getElementById("demo").innerHTML = x1; 
}

Answer 2

您希望使用与进行数学运算相同的函数进行写入

function myFunction(p1, p2) {
  var x1= p1 * p2;
  document.getElementById("demo").innerHTML = x1;
}

<button onclick="myFunction(4,3)">sasd</button>
<p id="demo"></p>

Answer 3

未定义变量x1，请检查下面的固定代码

＆＃13;

<html>
  <body>
    <button onclick="myFunction(4,3)">sasd</button>
    <p id="demo"></p>

    <script>
      function myFunction(p1, p2) {
        var x1= p1 * p2;
        document.getElementById("demo").innerHTML = x1;
      }
    </script>
  </body>
</html>

＆＃13;

Answer 4

您尚未使用以下代码声明x1 variable.try

<html>
  <body>
    <button onclick="myFunction(4,3)">sasd</button>
    <p id="demo"></p>
    <script>
      var x1;
      function myFunction(p1, p2) {
        x1= p1 * p2;
      }
      document.getElementById("demo").innerHTML = x1;
    </script>
  </body>
</html>

Answer 5

document.getElementById("demo").innerHTML = x1;

在此代码x1= p1 * p2

之后将此行代码放在script标记内

Answer 6

您可以使用jQuery

来解决问题

＆＃13;

function myFunction(p1, p2) {
  $('#demo').html(p1 * p2);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="myFunction(4,3)">Click ME!!!</button>
<p id="demo"></p>

＆＃13;

希望这会对你有所帮助。

Answer 7

在函数内使用document.getElementById("demo").innerHTML = x1;。像这样：

<script>
  function myFunction(p1, p2) {
    var x1= p1 * p2;
    document.getElementById("demo").innerHTML = x1;
  }
</script>

onClick函数来计算简单的数学

7 个答案: