js的综合实验案例
下面是一个简单的JavaScript综合实验案例,该案例使用了数组、循环、函数和事件处理。
题目:创建一个简单的计算器,可以执行基本的四则运算(加、减、乘、除)。
```html
<!DOCTYPE html>
<html>
<head>
  <title>JavaScript 计算器</title>
</head>
<body>
  <h1>简单计算器</h1>
  <input type="text" id="input1" placeholder="输入第一个数字">javascript计算器代码
  <select id="operator">
    <option value="add">+</option>
    <option value="subtract">-</option>
    <option value="multiply"></option>
    <option value="divide">/</option>
  </select>
  <input type="text" id="input2" placeholder="输入第二个数字">
  <button onclick="calculate()">计算</button>
  <p id="result"></p>
  <script>
    function calculate() {
      // 获取输入值和运算符
      var num1 = parseFloat(('input1').value);
      var num2 = parseFloat(('input2').value);
      var operator = ('operator').value;
      // 验证输入值是否为数字
      if (isNaN(num1)  isNaN(num2)) {
        alert('请输入数字!');
        return;
      }
      // 执行计算并显示结果
      var result;
      switch (operator) {
        case 'add':
          result = num1 + num2;
          break;
        case 'subtract':
          result = num1 - num2;
          break;
        case 'multiply':
          result = num1  num2;
          break;
        case 'divide':
          if (num2 != 0) {
            result = num1 / num2;
          } else {
            alert('除数不能为零!');
            return;
          }
          break;
        default:
          alert('无效的运算符!');
          return;
      }
      ('result').innerText = '结果是:' + result;
    }
  </script>
</body>
</html>
```