Question

任何人都可以帮助我吗？这只是一个基本的事情，但我似乎无法弄明白。我试图使用javascript添加3 + 5 + 5但它似乎不起作用。当我点击按钮添加时，总和也会出现。

<!DOCTYPE html>
<html>
  <head>
    <title>Adding three numbers</title>
     <script>
        function add(3,5,5) {
        var a = +'3';
        var b = +'5';
        var c = +'5';
        var x = +a + +b + +c;
        document.getElementById("result").innerHTML = "x";
        }
    </script>
  </head>
  <body>
    <div id="result"></div> 
    <input type="button" value="ADD" onclick="add(3,5,5)">

  </body>
</html>

Answer 1

你很亲密。我将分解问题并给你最终的代码。首先，您的HTML没有任何问题。但就你的功能而言，存在一些基本错误：

function add(3,5,5) { - 您不希望3,5,5在这里。这是列出任何参数（要在函数中使用的变量）的位置。在HTML中，您已经将值3,5,5传递给函数，因此您希望在此处创建将在函数中使用的变量。示例：function add(a,b,c) {
你可以摆脱var a = +'3'; var b = +'5'; var c = +'5';。您已经将值3,5,5传递给函数，并在函数的参数列表中创建了所需的变量。明确声明变量a，b和c再次否定了将值传递给函数的要点。
var x = +a + +b + +c;这很好。在这里，您将传递给函数的值强制转换为数字（而不是可能的字符串）并将它们一起添加（而不是连接）。每个变量前面的+都会产生错误。
document.getElementById("result").innerHTML = "x";再次关闭。此行的问题是"x"。您希望顶部删除变量x周围的引号，否则您告诉JavaScript使用文字x字符而不是保存总数的x变量。

最终结果：

function add(a, b, c) {
  var x = +a + +b + +c;
  document.getElementById("result").innerHTML = x;
}

<div id="result"></div>
<input type="button" value="ADD" onclick="add(3,5,5)">

我高度建议您阅读此JavaScript简介：

Answer 2

正如其他人所说的那样，这里有很多错误，但这是我认为你想要实现的目标。我强烈建议你学习一些教程并查看一些html / js基础知识。

<script>
  function add(a,b,c) {        
    var x = (a + b + c);
    document.getElementById("result").innerHTML = x;
  }
</script>

<body>
  <div id="result"></div> 
  <input type="button" value="ADD" onclick="add(3,5,5)">
</body>

如何使用带有div id的javascript添加三个数字作为结果？

2 个答案: