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

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

一、案例描述

考核知识点

toFixed()、isNaN、window.document对象

练习目标

掌握toFixed()方法。
掌握数据类型检测。
了解windoe.document对象。

需求分析

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

案例分析

效果如图2-7、2-8所示。

输入圆的半径

展示圆的周长和面积

具体实现步骤如下：

页面弹出框输入半径r。
在程序里判断r是否是正确的数字，如果是计算周长，面积。
如果r输入错误，则校验不通过，给出提示。
页面中展示r、周长、面积。

二、案例实现

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>输入圆的半径计算面积和周长</title>
</head>
<body>
<div>圆的半径：<input id="r" type="text"></div>
<div>圆的周长：<input id="cir" type="text"></div>
<div>圆的面积：<input id="area" type="text"></div>
<script>
var r = prompt('请输入圆的半径');
if(!isNaN(r)){
var cir = 2 * Math.PI * r;
var area = Math.PI * r * r;
// var area = Math.PI.toFixed(2) * Math.pow(r, 2)
document.getElementById('r').value = r;
document.getElementById('cir').value = cir.toFixed(2);
document.getElementById('area').value = area.toFixed(2);
}else{
alert('请输入正确的数字')
}
</script>
</body>
</html>

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

计算圆的面积和周长-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第4章-课后作业)
[案例4-5]计算圆的面积和周长一.案例描述考核知识点 Math.PI().Math.pow() 练习目标掌握Math.pow()用法. 掌握Math.PI()用法. 了解圆的周长公式. 了解圆 ...
根据身高体重计算某个人的BMI值--课后程序(Python程序开发案例教程-黑马程序员编著-第3章-课后作业)
实例3:根据身高体重计算某个人的BMI值 BMI又称为身体质量指数,它是国际上常用的衡量人体胖瘦程度以及是否健康的一个标准.我国制定的BMI的分类标准如表1所示. 表1 BMI的分类 BMI 分类 ...
python输入圆的半径求面积及周长并保留两位小数_VB程序题：输入半径，计算圆周长和圆面积，如下图所示。...
VB程序题:输入半径,计算圆周长和圆面积,如下图所示. 进一步要求,为了保证程序运行的正确,对输入的半径要进行合法性检查,数据检查调用IsNumeric函数,参阅教材例2.5:若有错,利用MsgBox ...
用python输入圆的半径、输出圆的周长_Python基础题练习（输入圆的半径计算周长面积，判断年份是否是闰年）...
题目二:输入圆的半径计算周长面积题目要求:输入圆的半径,输出圆的周长和面积.输入输出均为整数或者浮点数题目分析: 首先使用关键字import导入math数学函数库获取到用户输入的参数(圆的半径) ...
JavaScript输入圆的半径计算周长及面积
JavaScript输入圆的半径计算周长及面积 <!doctype html> <html> <head> <meta charset="utf-8 ...
python输入半径求圆的面积、保留三位小数_编写程序,输入圆的半径,求该圆的面积与周长(保留三位小数)。 /* 程序功能:输入圆的半径,计算圆的面积与周长*/_学小易找答案...
[编程题]从字符串中删除指定的字符.同一字母的大小写按不同字符处理. 例如:若程序执行时,输入字符串为: turbo c and Borland c++ ,从键盘上输入字符: n ,则输出后变为: t ...
python怎么求圆柱表面积半径和高由键盘输入_从键盘上输入圆的半径,计算圆的周长和面积(使用符号常量)_学小易找答案...
[单选题]Randal Ice needs a loan to purchase pet food and other pet supplies for his local pet store ove ...
Python输入三角形的三条边求面积，输入圆的半径输出面积周长的两个程序的代码
目录前言一.输入三角形的三条边求面积 1.实现的功能 2.代码程序 3.运行截图二.输入圆的半径输出面积周长 1.实现的功能 2.代码程序 3.运行截图前言 1.因多重原因,本博文由两个程序代 ...
图形的面积与周长计算程序-课后程序(JAVA基础案例教程-黑马程序员编著-第四章-课后作业)
[案例4-7]图形的面积与周长计算程序欢迎点赞关注收藏 [案例介绍] 案例描述长方形和圆形都属于几何图形,都有周长和面积,并且它们都有自己的周长和面积计算公式.使用抽象类的知识设计一个程序,可以计 ...

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

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

一、案例描述

二、案例实现

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

最新文章

热门文章