输入圆的半径计算面积和周长-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第2章-课后作业)

【案例2-5】输入圆的半径计算面积和周长

一、案例描述

  1. 考核知识点

toFixed()、isNaN、window.document对象

  1. 练习目标
  • 掌握toFixed()方法。
  • 掌握数据类型检测。
  • 了解windoe.document对象。
  1. 需求分析

用JavaScript代码来计算圆的周长和面积,用户自己输入正确的r半径,在页面中会显示出圆的周长也半径。

  1. 案例分析
  1. 效果如图2-7、2-8所示。

  1. 输入圆的半径

  1. 展示圆的周长和面积
  1. 具体实现步骤如下:
  1. 页面弹出框输入半径r。
  2. 在程序里判断r是否是正确的数字,如果是计算周长,面积。
  3. 如果r输入错误,则校验不通过,给出提示。
  4. 页面中展示r、周长、面积。

二、案例实现

根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:

  1.     
  2.     </span><span>输入圆的半径计算面积和周长</span><span>
  3.   圆的半径:
  4.   圆的周长:
  5.   圆的面积:
  6.   


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部