• 技术文章 >web前端 >js教程

    如何利用js计算正方形的面积

    王林王林2020-04-04 09:05:37转载1692

    用JS实现计算正方形的面积可以使用一个Math.pow()函数。

    先来看实现效果:

    dedebaf03d7e2fb32748f5f8aa69140.png

    实例代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
     <meta charset="UTF-8">
     <title>Document</title>
    </head>
    <body>
     <form method="get" action="">
      <h2>计算正方形的面积</h2>
      正方形的边长:<input type="text" id="radius"><br>
      正方形的面积:<input type="text" readonly="readonly" id="area"><br>
      <input type="button" value="计算" onclick="show()" />
      <input type="reset" value="重置" />
     </form>
    </body>
    <script type="text/javascript">
     function area(radius){
      var radius=document.getElementById("radius").value;//获取正方形的边长
      var area=Math.pow(radius,2);//计算正方形的面积
      return area;
     }
     function show(){
      //输出正方形的面积
      document.getElementById("area").value=area(radius);
     }
    </script>
    </html>

    相关教程推荐:js教程

    以上就是如何利用js计算正方形的面积的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:脚本之家,如有侵犯,请联系admin@php.cn删除
    专题推荐:js
    上一篇:jQuery中$(function())的作用 下一篇:js如何修改注册表
    千万级数据并发解决方案

    相关文章推荐

    • JavaScript中split和join的区别• JavaScript中的数据类型和类型转换• JavaScript中字符串转数组的方法是什么• 理解并优化javascript代码
    1/1

    PHP中文网