JavaScript简单函数不;不要退货

JavaScript simple function doesn't return anything

本文关键字：函数 JavaScript 简单      更新时间：2023-09-26

我是JavaScript新手，正在编写一个必须计算圆面积的函数。但这里的问题是我没有完全理解函数的概念。这是我的Html代码，其中有两个具有特定ID的div元素。我希望我的函数从第一个div中获取innerHTML，并根据给定的公式将结果输出到第二个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;

您必须调用函数

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

FIDDLE

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

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

<!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>

<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文件中使用脚本的简单示例。这可能会有所帮助。

相关文章：