点击对应加减乘除按钮的时候,将两个输入框中的数字做对应的算术,并将结果显示在 id 为 result 的 p 标签内
时间: 2024-05-02 12:22:52 浏览: 103
数字加减输入框.rar
好的,您可以采用以下方法进行操作:
1. 首先,需要获取输入框中的数字和操作符。可以采用 JavaScript 的 DOM 操作获取 id 为 input1 和 input2 的输入框元素,以及 id 为 operator 的下拉菜单元素。
2. 接下来,通过下拉菜单获取选择的操作符,然后根据选择的操作符对输入框中的数字进行相应的计算。可以采用 switch 语句或 if 语句来实现。
3. 最后,将计算结果显示在 id 为 result 的 p 标签内。同样可以使用 JavaScript 的 DOM 操作来获取该元素,并将计算结果赋值给它的 innerHTML 属性。
示例代码如下:
```
var input1 = document.getElementById("input1").value;
var input2 = document.getElementById("input2").value;
var operator = document.getElementById("operator").value;
var result;
switch (operator) {
case "+":
result = parseFloat(input1) + parseFloat(input2);
break;
case "-":
result = parseFloat(input1) - parseFloat(input2);
break;
case "*":
result = parseFloat(input1) * parseFloat(input2);
break;
case "/":
result = parseFloat(input1) / parseFloat(input2);
break;
}
document.getElementById("result").innerHTML = result;
```
阅读全文