JavaScript计算正方形面积
时间:2022-06-17 08:35:57|栏目:JavaScript代码|点击: 次
用JavaScript实现计算正方形的面积注意用一个Math.pow()函数。
实现效果:
实现代码:
<!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>
栏 目:JavaScript代码
下一篇:《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
本文标题:JavaScript计算正方形面积
本文地址:http://www.codeinn.net/misctech/205090.html