JavaScript 计算器

众所周知，计算器是一种便携式设备，在我们的日常生活中用于执行各种数学函数，如加法、减法、乘法、除法、求根等。然而，我们也有科学或复杂的计算器，用于解决复杂的任务，如三角函数、角度、指数运算符、对数函数、双曲函数、平方根等。在本主题中，我们将用 JavaScript 创建一个计算器程序。

示例 1：使用 JavaScript、HTML 和 CSS 编程语言创建 JavaScript 计算器。

Build.html

输出

当上述程序在任何浏览器上执行时，它会显示下图。

这里我们使用 JavaScript 语言，包括 HTML 和 CSS 网页编程，创建了一个计算器程序。在这个计算器中，我们可以执行基本运算，如加法、乘法、减法和除法。

现在我们在 JavaScript 程序中执行一些操作，如下所示。

通过点击数字按钮然后点击加法和减法运算，我们执行了加法和减法运算。之后，点击“=”（等于）按钮以获得运算结果。在下面的图片中，我们可以看到数字的结果。

注意：如果想清除计算器上所有现有数据，请点击“清除所有”按钮。

使用 If... Else...If 语句创建 JavaScript 计算器，并通过 prompt 对话框显示。

Result.html

输出

当我们执行上述编程代码时，它会产生以下输出

从上图可以看出，它要求用户选择一个运算符来执行计算，例如 +、-、* 或 /。

在上图中，我们选择了加号 (+) 运算符，然后单击确定按钮，如下所示。

单击确定按钮后，它会显示下图，用于从用户那里获取第一个数字。

我们再次单击确定按钮，它会显示下图，用于从用户那里获取第二个数字。

最后，单击确定按钮以获得两个数字的加法，如下所示。

类似地，我们可以在 JavaScript 计算器中执行数字的减法、乘法和除法。

示例 3：使用 HTML、CSS 和 JavaScript 创建动态 JavaScript 计算器。

Calc.html

输出

当上述程序在任何浏览器上执行时，它会显示下图。

现在，通过按下数字按钮，我们在 JavaScript 计算器中执行多个操作，如下所示。

执行操作后，单击“=”（等于）按钮以返回JavaScript 计算器的显示结果。

此外，我们可以通过单击 B (退格) 按钮来逐个删除显示的结果或错误的数字。如果想删除完全可见的数字，请按计算器上的 C (取消) 按钮。