先来看实现效果：
实例代码：
<!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计算正方形的面积的详细内容。