                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么结果是NaN？

<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Document</title><script>window.onload=function(){var oN1=document.getElementById('n1').value;var oN2=document.getElementById('n2').value;var oBtn=document.getElementById('btn');var oResult="";var oObj=document.getElementById('obj').value;switch(oObj){case '+':oResult=parseFloat(n1)+parseFloat(n2);break;case '-':oResult=parseFloat(n1)-parseFloat(n2);break;case '*':oResult=parseFloat(n1)*parseFloat(n2);break;case '/':oResult=parseFloat(n1)/parseFloat(n2);break;}oBtn.onclick=function(){document.getElementById('result').value=oResult;}}</script></head><body><input type="text" id="n1"/><select name="" id="obj" ><option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select><input type="text" id="n2"/><input type="button" value="=" id="btn"/><input type="text" id="result"/></body></html>

imooc客服

2018-08-31

源自：JavaScript进阶篇 6-11

关注问题我要回答

1027

操作

收起

1 回答

imooc客服提问者
2018-08-31

<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Document</title><script>window.onload=function(){var oBtn=document.getElementById('btn');oBtn.onclick=function toSum(){var oN1=document.getElementById('n1').value;var oN2=document.getElementById('n2').value;var oObj=document.getElementById('obj').value;var oResult='';switch(oObj){case '+':oResult=parseFloat(oN1)+parseFloat(oN2);break;case '-':oResult=parseFloat(oN1)-parseFloat(oN2);break;case '*':oResult=parseFloat(oN1)*parseFloat(oN2);break;case '/':oResult=parseFloat(oN1)/parseFloat(oN2);break;}document.getElementById('result').value=oResult;}}</script></head><body><input type="text" id="n1"/><select name="" id="obj" ><option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select><input type="text" id="n2"/><input type="button" value="=" id="btn"/><input type="text" id="result"/></body></html>

关于此题的写法，我把所有人的答案全看了，最后的点击事件全都是写的行内JS代码，没有一个人把整体JS全都写到script中。以下是一种非行间JS的写法。