作业内容:
参考现实生活中的计算器,用 JS 开发简易计算器,输入 x、y 以及运算符可以计算出数值,如用户输入 4,5,* 可以返回 20,输入 3,8,+返回结果为 11。
要求:需要 HTML 页面,页面需要包括两个数字输入框、一个运算符下拉列表(+-*/)和一个按钮,当用户输入完成,点击按钮在页面输出计算后的值。
作业提示:
1.参考现实生活中的计算器,给按钮绑定 onclick 事件,写一个函数,把代码放在函数里
2.加、减、乘、除 4 种运算都要有
3.需要注意一些临界值和数据完整性判断,比如除数不能为 0 等,并且能够给与用户相应的提示
4.注意用户的输入是随意的,尽量保证 JS 程序的完美,输出结果完全正确
下面是我的代码,正常能计算的,但是作业第三条判断语句怎么写啊,比如除数不能为 0 给用户提示…
<script type="text/javascript"> function calc(){ var num1 = parseFloat(document.getElementById('num1').value); var num2 = parseFloat(document.getElementById('num2').value); var operator = document.getElementById('op').value; var sum = jisuan(num1,num2,operator); alert(typeof sum); // if(sum=parseFloat(ture)){ // document.getElementById('result').innerText = sum; // }else{ // alert("非数字值"); // } } function jisuan(n1,n2,oper){ switch(oper){ case '+': return n1+n2; case '-': return n1-n2; case '*': return n1*n2; case '/': return n1/n2; default : return "未知操作符"; } } </script>num1:<input type="text" id="num1">
<select id="op">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
num2:<input type="text" id="num2">
=<span id="result"></span>
<button onclick="calc()">计算</button>
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.