JavaScript计算正方形面积


Posted in Javascript onNovember 26, 2019

用JavaScript实现计算正方形的面积注意用一个Math.pow()函数。

实现效果:

JavaScript计算正方形面积

实现代码:

<!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 相关文章推荐
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
把html页面的部分内容保存成新的html文件的jquery代码
Nov 12 Javascript
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
vue cli使用绝对路径引用图片问题的解决
Dec 06 Javascript
vue实现分页组件
Jun 16 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
May 07 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
Oct 26 Javascript
javaScript中indexOf用法技巧
Nov 26 #Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
Nov 25 #Javascript
微信小程序实现按字母排列选择城市功能
Nov 25 #Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 #Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 #jQuery
如何优雅地在Node应用中进行错误异常处理
Nov 25 #Javascript
jQuery Raty星级评分插件使用方法实例分析
Nov 25 #jQuery
You might like
用PHP实现小型站点广告管理
2006/10/09 PHP
PHP采集利器 Snoopy 试用心得
2011/07/03 PHP
php判断linux下程序问题实例
2015/07/09 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
一个用js实现的页内搜索代码
2007/05/23 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
jquery之别踩白块游戏的简单实现
2016/07/25 Javascript
深入理解requestAnimationFrame的动画循环
2016/09/20 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
JS实现手写parseInt的方法示例
2017/09/24 Javascript
深入理解JavaScript的async/await
2018/08/05 Javascript
vue elementUI tree树形控件获取父节点ID的实例
2018/09/12 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python操作mysql中文显示乱码的解决方法
2014/10/11 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
OpenCV 边缘检测
2019/07/10 Python
解决Atom安装Hydrogen无法运行python3的问题
2019/08/28 Python
pygame实现俄罗斯方块游戏(基础篇1)
2019/10/29 Python
tensorflow的ckpt及pb模型持久化方式及转化详解
2020/02/12 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
PyTorch中Tensor的数据类型和运算的使用
2020/09/03 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
超市营业员求职简历的自我评价
2013/10/17 职场文书
大学本科毕业生求职信范文
2013/12/18 职场文书
年终总结会主持词
2014/03/25 职场文书
连带责任保证书
2014/04/29 职场文书
机械制造专业大学生自我鉴定
2014/09/19 职场文书
写给妈妈的感谢信
2015/01/22 职场文书
2016年校长新年寄语
2015/08/17 职场文书
MySQL系列之十三 MySQL的复制
2021/07/02 MySQL
Redis分布式锁Redlock的实现
2021/08/07 Redis
mysql5.6主从搭建以及不同步问题详解
2021/12/04 MySQL