用javascript编写计算器(在手机上编写JavaScript)-亲测免费分享网

引言

Javascript是一种强大的脚本语言，可以用于创建各种交互式Web应用程序。其中一个常见的应用程序是计算器。使用Javascript编写计算器是一种实用和有趣的项目，因为它展示了语言的一些核心概念，例如变量、函数和事件。本文将介绍如何使用Javascript编写一个简单的计算器。

编写Javascript代码

首先，我们需要创建一个HTML文档，用于包含计算器的界面。我们将创建一个简单的设计，具有数字、运算符和等于符号。我们使用按钮元素实现这些。我们将为每个按钮分配一个ID，以便我们稍后可以在Javascript代码中轻松访问它们。下面是一个示例HTML代码片段：

    <button id="one">1</button>
    <button id="two">2</button>
    <button id="plus">+</button>
    <button id="equals">=</button>

接下来，我们需要编写Javascript代码来实现计算器的功能。我们将创建一个名为calculator的对象，该对象将包含我们需要的所有函数。我们将使用其他一些变量来跟踪我们正在输入的数字，并检测我们是否已经执行了某个操作符。以下是一个示例的Javascript代码片段：

    let calculator = {
        displayValue: '0',
        firstOperand: null,
        waitingForSecondOperand: false,
        operator: null,
        // functions here
    };

实现计算器功能

接下来，我们需要编写计算器的一些核心功能。我们将创建用于数字、运算符和等于号功能的函数。我们检查当前输入的数字，并将其添加到我们的显示值中。对于运算符，我们将设置我们的当前操作员，并检查是否需要计算先前的操作员。最后，我们将创建一个名为“等于”的函数，该函数将进行最终计算并显示结果。以下是一个示例的Javascript函数片段：

    function inputDigit(digit) {
        const { displayValue, waitingForSecondOperand } = calculator;

        if (waitingForSecondOperand === true) {
            calculator.displayValue = digit;
            calculator.waitingForSecondOperand = false;
        } else {
            calculator.displayValue = displayValue === '0' ? digit : displayValue + digit;
        }
    }

    function handleOperator(nextOperator) {
        const { firstOperand, displayValue, operator } = calculator;
        const inputValue = parseFloat(displayValue);

        if (operator && calculator.waitingForSecondOperand)  {
            calculator.operator = nextOperator;
            return;
        }

        if (firstOperand == null) {
            calculator.firstOperand = inputValue;
        } else if (operator) {
            const currentValue = firstOperand || 0;
            const result = performCalculation[operator](currentValue, inputValue);

            calculator.displayValue = String(result);
            calculator.firstOperand = result;
        }

        calculator.waitingForSecondOperand = true;
        calculator.operator = nextOperator;
    }

    const performCalculation = {
        '/': (firstOperand, secondOperand) => firstOperand / secondOperand,

        '*': (firstOperand, secondOperand) => firstOperand * secondOperand,

        '+': (firstOperand, secondOperand) => firstOperand + secondOperand,

        '-': (firstOperand, secondOperand) => firstOperand - secondOperand,

        '=': (firstOperand, secondOperand) => secondOperand
    };

    function handleEquals() {
        const { firstOperand, displayValue, operator } = calculator;
        const inputValue = parseFloat(displayValue);

        if (operator && calculator.waitingForSecondOperand) {
            calculator.displayValue = performCalculation[operator](firstOperand, inputValue);
            calculator.firstOperand = performCalculation[operator](firstOperand, inputValue);
            calculator.waitingForSecondOperand = false;
        } else {
            calculator.displayValue = inputValue;
        }
    }

结论

此时，我们已经成功地使用Javascript编写了一个简单的计算器，可以运行基本算术运算。此项目展示了Javascript的核心概念，例如变量、函数和事件，以及如何将它们结合起来，以创造真正实用的应用程序。此外，本文涵盖了一些基础的计算器功能，即输入数字、运算符和等于号，以及如何使用它们来完成基本计算。最后，我们还可以在此基础上扩展此计算器功能，使其显示更多数字、运算符和高级功能。

用javascript编写计算器(在手机上编写JavaScript)