javaScript实现简易计算器：在输入数字，选择需要的运算，点击等号即可出现结果（效果图+代码）

效果如图：

注： 表单元素的值的获取方式如下

•       输入框的值获取：通过 元素.value
•       select选框  元素.value 获取到的是选择中的那一项option中的value值；如果value的值为设置，则默认为对应项option中填写的值

<style>
    div{
      width: 500px;
      height: 50px;
      margin: 100px auto;
    }
    input{
      width: 100px;
    }
  </style>

<div>
    <input type="text" name="num1">
    <select name="fuhao">
      <option value="+">+</option>
      <option value="-">-</option>
      <option value="*">*</option>
      <option value="/">/</option>
    </select>
    <input type="text" name="num2">
    <button>=</button>
    <input type="text" name="result">
  </div>

<script>
  // 获取元素
  var num1 = document.querySelector('[name=num1]')
  var num2 = document.querySelector('[name=num2]')
  var fuhao = document.querySelector('[name=fuhao]')
  var result = document.querySelector('[name=result]')
  document.querySelector('button').onclick = function(){
    var num1Num = Number(num1.value);
    var num2Num = Number(num2.value);
    var res // 计算结果
      switch (fuhao.value) {
        case '+':
          res = num1Num + num2Num
          break;
        case '-':
          res = num1Num - num2Num
          break;
        case '*':
          res = num1Num*num2Num
          break;
        case '/':
          res = num1Num / num2Num
          break;
      }
    // 将结果写入结果输入框
    result.value = res
  }
</script>