一、问题:计算矩形房间的面积。
二、要求:
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="";