发表于: 2019-04-23 21:24:33
1 910
今天完成的事情:今天写了一点任务二中的js部分
写出来了让加减按钮控制滑动条。还把滑动条和上面的人数同步了
明天计划的事情:明天计划继续写js2
遇到的问题:滑动条和上面的input输入框同步
当输入美元价格时,另一个输入框内同步显示相应的人民币价格。
<dl>
<dt>单 价(USD):</dt>
<dd>
<input type="text" id="USD" name="USD" value="" onchange="getrmb()">
</dd>
<dt>(RMB):</dt>
<dd>
<input type="text" id="RMB" name="RMB" value="" >
</dd>
</dl>
JS事件:
<script type="text/javascript">
function getrmb(){
var num1 = document.getElementById('USD').value; //获取第一个输入框的值
if (isNaN(num1)) { //如果为非数字,结果为空
document.getElementById('RMB').value = "";
} else { //将第二个输入框设置为美元值乘以汇率的结果
document.getElementById('RMB').value = num1*6.33;
}
}
</script>
还有就是isNaN是什么意思。这个东西是在百度上面的一篇里面找的,然后自己查了一下
isNaN()
函数用来确定一个值是否为NaN
。注:isNaN
函数内包含一些非常有趣的规则;你也可以通过ECMAScript 2015/ES6 中定义的Number.isNaN()
或者 可以使用typeof
来判断该值是否为一个非数字。
语法节
isNaN(testValue)
参数节
testValue
- 要被检测的值。
返回值节
如果给定值为 NaN
则返回值为true
;否则为false
。
描述节
isNaN
函数的必要性节
与 JavaScript 中其他的值不同,NaN
不能通过相等操作符(== 和 ===)来判断 ,因为 NaN == NaN
和 NaN === NaN
都会返回 false
。 因此,isNaN
就很有必要了。
NaN值
的产生节
当算术运算返回一个未定义的或无法表示的值时,NaN就产生了。但是,NaN
并不一定用于表示某些值超出表示范围的情况。将某些不能强制转换为数值的非数值转换为数值的时候,也会得到NaN
。
例如,0 除以0会返回NaN
—— 但是其他数除以0则不会返回NaN
。
收获:知道了怎么用按钮控制滑动条,还搞明白了怎么让滑动条和input同步
评论