时间戳

首页 > 解决方案 > 用 javascript 创建的基本计算器.. 使用警报告诉用户任何错误。可能的错误包括：

javascript - 用 javascript 创建的基本计算器.. 使用警报告诉用户任何错误。可能的错误包括：

问题描述

我在 JavaScript 中创建了一个基本的 4 函数计算器，现在我需要使用警报来告诉用户任何错误。可能的错误是：

  1. 一个或两个输入字段为空白

  2. 一个或两个输入字段 < -9999 或大于 9999

  3. 除以零

  4. 任一输入字段中的非法字符。只允许 0, 1 ,2 ,3 ,4 ,5 ,6 ,7 ,8 ,9 和 –。

代码：

function multiplyBy() {
  num1 = document.getElementById("firstNumber").value;
  num2 = document.getElementById("secondNumber").value;
  document.getElementById("result").innerHTML = num1 * num2;
}

function divideBy() {
  num1 = document.getElementById("firstNumber").value;
  num2 = document.getElementById("secondNumber").value;
  document.getElementById("result").innerHTML = num1 / num2;
}

function additionBy() {
  num1 = parseInt(document.getElementById("firstNumber").value);
  num2 = parseInt(document.getElementById("secondNumber").value);
  document.getElementById("result").innerHTML = num1 + num2;
}

function subtractionBy() {
  num1 = parseInt(document.getElementById("firstNumber").value);
  num2 = parseInt(document.getElementById("secondNumber").value);
  document.getElementById("result").innerHTML = num1 - num2;
}
body {
  margin: 30px;
}
<!DOCTYPE html>
<html>
<head>
<body>
  <form>
    1st Number : <input type="text" id="firstNumber"> 2nd Number: <input type="text" id="secondNumber"> The Result is :
    <span id="result"></span>
    <br>
    </br>
    <br>
    <input type="button" onClick="multiplyBy()" Value="Multiply" />
    <input type="button" onClick="divideBy()" Value="Divide" />
    <input type="button" onClick="additionBy()" Value="Add" />
    <input type="button" onClick="subtractionBy()" Value="Sub" />
    </br>
  </form>
<script type="text/javascript" src="fourth.js">
   </script>
</body>
</html>

标签： javascript

解决方案

首先将输入标签类型定义为数字，如下所示

1st Number : <input type="number" id="firstNumber" >
2nd Number: <input type="number" id="secondNumber" >

因此，在这种情况下，用户将无法输入无效输入。

其次，仅将除以零条件检查到函数中

推荐阅读