JavaScript 计算器：获取输入、验证数据并执行运算

以下是用 JavaScript 编写的 calc() 函数，它可以获取并转换输入的数据，判断数据的合法性，并调用指定函数完成相关计算：

function calc() {
  var num1 = parseFloat(document.getElementById('num1').value);
  var num2 = parseFloat(document.getElementById('num2').value);
  var operator = document.getElementById('operator').value;
  var result = document.getElementById('result');

  if (isNaN(num1) || isNaN(num2)) {
    result.innerHTML = '请输入有效数字';
    return;
  }

  switch (operator) {
    case '+':
      result.innerHTML = add(num1, num2);
      break;
    case '-':
      result.innerHTML = subtract(num1, num2);
      break;
    case '*':
      result.innerHTML = multiply(num1, num2);
      break;
    case '/':
      if (num2 == 0) {
        result.innerHTML = '除数不能为0';
        return;
      }
      result.innerHTML = divide(num1, num2);
      break;
    default:
      result.innerHTML = '运算符错误';
  }
}

function add(a, b) {
  return a + b;
}

function subtract(a, b) {
  return a - b;
}

function multiply(a, b) {
  return a * b;
}

function divide(a, b) {
  return a / b;
}

在上面的代码中，我们首先获取了两个输入框中的数字和运算符，然后通过 parseFloat() 函数将输入的字符串转换为数字。接着，我们使用了一个 switch 语句来判断运算符，并调用相应的函数完成计算。如果输入的数字无效，我们会给出相应的提示。最后，我们将计算结果显示在一个指定的 HTML 元素中。

你可以将上面的代码复制到 HTML 文件中，并在输入框中输入数字和运算符来测试它。