javascript挑战编程技能-第三题:计算矩形房间面积

这篇博客提出了一个JavaScript编程挑战,要求编写代码计算矩形房间的面积,包括获取用户输入的长度和宽度,提供单位选择(英尺或米),并显示平方英尺和平方米的面积,结果保留两位小数。文章强调了代码复用和独立函数的重要性,并提供了常量转换因子以及一些基础函数的实现思路,同时指出了一个现有bug并邀请读者尝试解决。
摘要由CSDN通过智能技术生成

一、问题:计算矩形房间的面积。

二、要求:

1、提供用户输入长和宽

2、输出英尺和米的单位选择

3、输出平方英尺和平方米的数值

4、结果保留两位有效小数

5、只能输入数值

6、让计算与输出分离

7、使用一个常量来保存转换因子。

三、首先我们还是先确定元素。

有两个输入,长和宽

有一个单选控件选择单位英尺或者米

有两个输出,平方英尺和平方米

有一个常量转换因子。平方英尺和平方米之间的转换公式是:平方米=平方英尺*0.09290304

四、使用已有的函数,为什么我们要把方法写成独立的函数,当一个方法测试可用之后,可以实现代码复用,减少后面的开发工作。

输出函数我们可以使用上一节课中定义的函数

function point(str,elementId) {
    document.getElementById(elementId).innerHTML=str;
}
五、构建工具函数

我们可以把一些比较常用的方法构建成工具,一般框架里面会写一个util.js文件。

如上面那个point输出函数就能算是一个工具函数。

接下来我们编写,取输入框值函数getInputValueById

function getInputValueById(elementId){
   return document.getElementById(elementId).value;
}
取单选框函数getRadioValueByName

function getRadioValueByName(radioName){
    var value="";
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值