实在不会，偷偷看波答案。。。。。
来源：6-11 编程练习
日幕
2019-01-26 09:31
| <html> | |
| <head> | |
| <title> new document </title> | |
| <script type="text/javascript"> | |
| function count(){ | |
| var txt1 = parseInt( document.getElementById('txt1').value);//获取第一个输入框的值 | |
| var txt2 = parseInt( document.getElementById('txt2').value);//获取第二个输入框的值 | |
| var select = document.getElementById('select').value;//获取选择框的值 | |
| var result = ''; | |
| switch (select) | |
| { | |
| case '+': | |
| result = txt1 + txt2; | |
| break; | |
| case '-': | |
| result = txt1 - txt2; | |
| break; | |
| case '*': | |
| result = txt1 * txt2; | |
| break; | |
| case '/': | |
| result = txt1 / txt2; | |
| 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> |
写回答
关注
1回答
-
- 慕后端6191217
- 2019-01-29 19:21:36
function count(){ //获取第一个输入框的值 var num1=parseInt(document.getElementById("txt1").value); //获取第二个输入框的值 var num2=parseInt(document.getElementById("txt2").value); //获取选择框的值 var oper=document.getElementById("select").value; //获取通过下拉框来选择的值来改变加减乘除的运算法则 var res; switch (oper){ case '+':res=num1+num2; break; case '-':res=num1-num2;break; case '*':res=num1*num2;break; case '/':res=1.0*num1/num2; break; defalut:break; } //设置结果输入框的值 document.getElementById("fruit").value=res; } function count2() { document.getElementById("fruit").value = eval(document.getElementById("txt1").value + document.getElementById("select").value + document.getElementById("txt2").value); }
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
469061 学习 · 22582 问题
相似问题