29编程练习
来源:互联网 发布:什么是大数据举例说明 编辑:程序博客网 时间:2024/06/14 22:31
<!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 c=document.getElementById("select").value; //获取选择框的值 var d = ""; switch(c) { case "+": d = a+b; break; case "-": d = a-b; break; case "*": d = a*b; break; default: d = a/b; } document.getElementById("fruit").value=d; } </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>
使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。
提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById(“id”).value = 1; 取值:var = document.getElementById(“id”).value;
第一步: 创建构建运算函数count()。
第二步: 获取两个输入框中的值和获取选择框的值。
提示:document.getElementById( id名 ).value 获取或设置 id名的值。
第三步: 获取通过下拉框来选择的值来改变加减乘除的运算法则。
提示:使用switch判断运算法则。
第四步: 通过 = 按钮来调用创建的函数,得到结果。
注意: 使用parseInt()函数可解析一个字符串,并返回一个整数。
阅读全文
0 0
- 29编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 编程练习
- 欢迎使用CSDN-markdown编辑器
- php获取当前进程的id
- 字符串转换
- Mac OS X 修复问题: “readlink: illegal option -- f”
- rtp中的sdp信息生成
- 29编程练习
- 解决IE浏览器jQuery执行ajax不响应问题
- 度度熊的王国战略
- 数据库 —— 查询避免 Unknown column ‘xxx’ in ‘where clause’ 错误
- 838A
- 2017第四次多校联合hdu6070
- C语言 删除数组 某个元素
- HTML5_验证码-点名器-倒计时-function-放大镜
- JPG格式的图片转换为EPS格式