首页 > 代码库 > JS实现一个简单的计算器
JS实现一个简单的计算器
使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。效果如上:
第一步: 创建构建运算函数count()。
第二步: 获取两个输入框中的值和获取选择框的值。
提示:document.getElementById( id名 ).value 获取或设置 id名的值。
第三步: 获取通过下拉框来选择的值来改变加减乘除的运算法则。
提示:使用switch判断运算法则。
第四步: 通过 = 按钮来调用创建的函数,得到结果。
注意: 使用parseInt()函数可解析一个字符串,并返回一个整数。
代码:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title> 事件</title> 5 <script type="text/javascript"> 6 function count(){ 7 var a = document.getElementById("txt1").value; 8 var b = document.getElementById("txt2").value; 9 //获取第一个输入框的值10 //获取第二个输入框的值11 //获取选择框的值12 var c = document.getElementById("select").value;13 a = parseFloat(a);14 b = parseFloat(b);15 //获取通过下拉框来选择的值来改变加减乘除的运算法则16 //设置结果输入框的值 17 switch(c){18 case "+":19 document.getElementById("fruit").value=http://www.mamicode.com/parseInt(a)+parseInt(b);20 break;21 case "-":22 document.getElementById("fruit").value=http://www.mamicode.com/parseInt(a)-parseInt(b);23 break;24 case "*":25 ocument.getElementById("fruit").value=http://www.mamicode.com/parseInt(a)*parseInt(b);26 break;27 case "/":28 document.getElementById("fruit").value=http://www.mamicode.com/parseInt(a)/parseInt(b);29 break;30 }31 }32 </script> 33 34 <body>35 36
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。