imooc客服
2018-08-31 09:03
<!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>
<!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的写法。
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题