js用函数实现网页版计算器

在JavaScript中，我们可以利用函数来创建一个简单的网页版计算器。下面是一个基本的例子，它实现了加、减、乘、除四种基本运算：

// 定义计算器函数
function calculator() {
    // 获取输入框的值
    var num1 = parseFloat(document.getElementById('num1').value);
    var num2 = parseFloat(document.getElementById('num2').value);
    var operator = document.getElementById('operator').value;

    switch (operator) {
        case '+':
            return num1 + num2;
        case '-':
            return num1 - num2;
        case '*':
            return num1 * num2;
        case '/':
            if (num2 !== 0) { // 防止除数为零的错误
                return num1 / num2;
            } else {
                alert("除数不能为零");
                return null; // 或者返回错误信息，视情况而定
            }
        default:
            alert("无效的操作符");
            return null; // 如果输入了无效操作符，给出提示并停止计算
    }
}

// 点击按钮时触发函数计算结果
document.getElementById('calculateBtn').addEventListener('click', function() {
    var result = calculator();
    if (result !== null) {
        document.getElementById('display').innerText = result;
    }
});

在这个例子中，用户会在HTML中提供两个输入框(`num1`和`num2`)用于输入数字，一个下拉选择框(`operator`)用于选择运算符，还有一个按钮(`calculateBtn`)。当点击按钮时，会调用`calculator`函数，并将结果显示在页面上。