Question

我＆＃39;我刚接触JavaScript并且正在编写一个必须计算圆区域的函数。但问题在于我并不完全理解功能的概念。所以这是我的Html代码，其中我有2个具有特定ID的div元素。我希望我的函数从第一个div获取innerHTML，并根据给定的公式int将函数输出到第二个div中。你可以帮助我，因为我可能会犯一些巨大的错误。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <title>Circle Area</title>
      <meta charset="utf-8" />
</head>
<body>
      <div id="area">7</div>
      <div id="output"></div>
      <script type="text/javascript" src="circle-area.js"></script>
</body>
</html>

这是我的Js文件

function calcCircleArea(r, formula) {
r = document.getElementById("area").innerHTML;
var formula = Math.PI * (r * r);
return formula;
}
document.getElementById("output").innerHTML = formula;

Answer 1

你必须调用函数

function calcCircleArea() {
    var r       = document.getElementById("area").innerHTML;
    var formula = Math.PI * (r * r);
    return formula;
}

document.getElementById("output").innerHTML = calcCircleArea();

FIDDLE

Answer 2

您不需要函数中的参数，因为您没有将任何参数传递给函数。你需要调用该函数。将您的JavaScript更改为：

 function calcCircleArea() {
     r = document.getElementById("area").innerHTML;
     var formula = Math.PI * (r * r);
     return formula;
 }
 document.getElementById("output").innerHTML = calcCircleArea();

Answer 3

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Circle Area</title>
    <meta charset="utf-8" />
    <script>
      // There is no need to declare argument variables once again
      // Besides, it's better to get radius from outside, i.e. from function call
      function calcCircleArea(r) {
        return Math.PI * (r * r);
      }
    </script>
  </head>
  <body>
    <div id="area">7</div>
    <div id="output"/>
    <script>
      document.getElementById("output").innerHTML = calcCircleArea(document.getElementById("area").innerHTML);
    </script>
  </body>
</html>

Answer 4

<html>
<body>
<p>This example calls a function which performs a calculation, and returns the result:</p>

<p id="demo"></p>

<script>

function myFunction(a, b) {

    return a * b;

}

document.getElementById("demo").innerHTML = myFunction(4, 3);

</script>

</body>

    enter code here

</html>

这是在html文件中使用脚本的一个简单示例。这可能有所帮助。

JavaScript简单的函数不会返回任何内容

4 个答案: