用javascrip实现一个简单的加减乘除计算器
2016-04-19 08:40
591 查看
使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。
<!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ //获取第一个输入框的值 var a=parseInt(document.getElementById('txt1').value); //获取第二个输入框的 var b=parseInt(document.getElementById('txt2').value); //获取选择框的值 var select=document.getElementById('select').value; var result=''; switch(select){ case '+':result = a+b; break; case '-':result = a-b; break; case '*':result = a*b; break; case '/':result = a/b; break; } //获取通过下拉框来选择的值来改变加减乘除的运算法则 //设置结果输入框的值 document.getElementById('fruit').value=result; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='fruit' /> </body> </html>
相关文章推荐
- Java使用分治递归的思想实现快速排序
- Struts2理解——转发和重定向
- Struts2理解--动态方法和method属性及通配符_默认Action
- spring mvc改动配置文件路径
- Java基础篇(泛型<T>常见用法)
- 《Java实验四》
- eclipse连接不上手机
- [JAVA]Listener监听模式的学习
- java的访问权限
- SpringMVC+Spring+Mybatis整合程序之整合
- Java学习笔记---IO流笔记
- spring,springmvc,mybatis基本整合(一)--xml文件配置方式(2)
- Java 把一个文件夹中的所有文件复制到另一个文件夹中
- JAVA实现导出Excel(POI)
- Java线程和线程同步 - 线程(2)
- JAVA中字符串比较equals()和equalsIgnoreCase()的区别
- Java获取指定文件夹内的全部文件名称
- 基础02 Java 跨平台原理
- Java中的IO操作(一)
- Spring 获取propertise文件中的值