使用 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 s = document.getElementById("select").value; //获取通过下拉框来选择的值来改变加减乘除的运算法则 var rs; switch(s){ case "+": rs = a + b; break; case "-": rs = a - b; break; case "*": rs = a * b; break; case "/": rs = a / b; break; default: alert("error"); } //设置结果输入框的值 document.getElementById("fruit").value = rs; }
- </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>
提示:
1、获取元素的值设置和获取方法为:例:赋值:document.getElementById("id").value = 1; 取值:var = document.getElementById("id").value;
2、使用 parseInt() 函数可解析一个字符串, 并返回一个整数。
就爱阅读 www.92to.com 网友整理上传, 为您提供最全的知识大全, 期待您的分享,转载请注明出处。
来源: