那么javascript该如何对应修改呢
时间: 2023-08-14 08:03:45 浏览: 70
当我们将运算符选项改为 radio 标签后,需要修改 JavaScript 代码,以便在点击计算按钮时正确获取运算符的值。以下是针对修改后的 HTML 代码所需的 JavaScript 修改:
```
function calculate() {
var num1 = parseFloat(document.getElementById('number1').value);
var num2 = parseFloat(document.getElementById('number2').value);
var operator = document.querySelector('input[name="operator"]:checked').value;
var result;
switch(operator) {
case '+':
result = num1 + num2;
break;
case '-':
result = num1 - num2;
break;
case '*':
result = num1 * num2;
break;
case '/':
result = num1 / num2;
break;
default:
result = '请选择运算符';
}
document.getElementById('result').textContent = result;
}
```
以上代码中,我们使用了 `document.querySelector()` 方法来获取选中的运算符的值。这个方法会返回第一个匹配选择器的元素,我们将选择器设置为 `input[name="operator"]:checked`,表示获取 name 为 operator 且被选中的 radio 元素。
在获取了运算符的值之后,我们使用了一个 switch 语句来根据不同的运算符执行不同的运算操作,并将结果显示在页面上。
阅读全文