js实现简单的计算器

    xiaoxiao2022-07-05  171

    js实现简单的计算器

    1.实现代码如下

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function() { var otxt1 = document.getElementById('txt1'); var otxt2 = document.getElementById('txt2'); var obtn = document.getElementById('btn'); obtn.onclick = function() { var sum = parseInt(otxt1.value) + parseInt(otxt2.value); if(isNaN(sum)) { alert('您输入的有误'); } else { alert(sum); } } } </script> </head> <body> <input type="text" id="txt1" value="" /> <label>+</label> <input type="text" id="txt2" value="" /> <input type="button" name="" id="btn" value="求和" /> </body> </html>

    实现效果如下图

    注意事项:

    1.parseInt -- 将字符串转成数字

    2.isNaN()--判断是不是一个数

    最新回复(0)