美文网首页
2022-08-09简单的计算

2022-08-09简单的计算

作者: 啊敏 | 来源:发表于2022-08-08 10:56 被阅读0次

通过输入框输入内容,简单的计算得到结果


image.png
 <body>
<p>
  <input type="text" id="num1" />+<input type="text" id="num2" />=
  <span id="result"></span>
</p>
<p>
  <button onclick="compute()">计算</button>
</p>
<script>
  function compute() {
    var num1 = document.getElementById("num1").value;
    var num2 = document.getElementById("num2").value;
    var $span = document.getElementById("result");
    if (num1 == "" && num2 == "") {
      alert("请输入数值");
    } else {
      var sum = num1 * 1 + num2 * 1;
      $span.innerText = sum;
    }
  }
</script>
</body>

相关文章

网友评论

      本文标题:2022-08-09简单的计算

      本文链接:https://www.haomeiwen.com/subject/cxcnwrtx.html