正在回答 回答被采纳积分+1
2回答
好帮手慕慕子
2021-07-01 14:03:10
同学你好,可以参考结合如下代码注释测试理解:
1 | <!DOCTYPE html><br><html><br><br><head><br> <title></title><br></head><br><br><body><br> <input type= 'text' id= 'num1' /><br> <select id= 'operate' ><br> <option value= '+' >+</option><br> <option value= "-" >-</option><br> <option value= "*" >*</option><br> <option value= "/" >/</option><br> </select><br> <input type= 'text' id= 'num2' /><br> <input type= 'button' value= ' = ' id= "btn" /><br> <input type= 'text' id= 'result' /><br> <script><br> // 获取元素<br> var opre = document.getElementById('operate')<br> var num1 = document.getElementById('num1')<br> var num2 = document.getElementById('num2')<br> var btn = document.getElementById('btn')<br> var result = document.getElementById('result')<br> // 给按钮绑定点击事件<br> btn.onclick = function () {<br> // 获取到下拉框选中的value值<br> var operateValue = opre.value<br> // 使用Number方法将获取的值转成数值类型,方便后面进行数学运算<br> // 获取第一个输入框的value<br> var num1Value = Number(num1.value);<br> // 获取第二个输入框的value值<br> var num2Value = Number(num2.value);<br> // 根据下拉框选中的值添加对应的操作<br> switch (operateValue) {<br> case '+': // 选中+<br> result.value = num1Value + num2Value; // 进行加法运算<br> break;<br> case '-':// 选中-<br> result.value = num1Value - num2Value;// 进行减法运算<br> break;<br> case '*':// 选中*<br> result.value = num1Value * num2Value;// 进行乘法运算<br> break;<br> case '/':// 选中 /<br> result.value = num1Value / num2Value;// 进行除法运算<br> break;<br> }<br> }<br> </script><br></body><br><br></html><br> |
可以到社区里看看其他同学分享的代码和思路,与同学们多交流交流,也要自己先动手写一写,培养自己的编程思维。祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧