发表于: 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同步


返回列表 返回列表
评论

    分享到