Привет ! Все…
Добро пожаловать на мой блог. В этом блоге я хотел бы объяснить, как создать простой и умный калькулятор.
Функциональные возможности вычислений достигаются с помощью JavaScript.
Привет! Если у вас нет калькулятора, не беспокойтесь об этом. Приходи и присоединяйся ко мне. Давайте создадим калькулятор.
Особенность в том, что логика, которую мы здесь используем, очень проста. Этот калькулятор будет выполнять основные математические операции. Такие как сложение, вычитание, умножение и деление.
В основном он состоит из двух частей.
—Клавиатура: для ввода значений.
- дисплей: для отображения вводимых пользователем значений и решения.
Теперь вы можете увидеть изображение (рисунок 1) калькулятора ниже.
Что ж, я думаю, теперь вы получили представление об этом калькуляторе.
Если вы не можете представить себе изображение выше, не беспокойтесь об этом. Теперь Вы можете увидеть именованные изображения (рисунок 2) этого калькулятора.
Для его создания использовались технологии HTML, CSS и JavaScript.
Теперь посмотрите на изображение (рисунок 3), приведенное ниже, и логически подумайте о различиях между этими изображениями.
Итак, я надеюсь, что вы можете получить общее представление об определении HTML, CSS и JavaScript.
Здесь вы можете сослаться на формат HTML-документа, который я использовал.
В этом документе тег ‹button› используется для определения интерактивных кнопок, а атрибут class используется для указания числа, оператора и пустых классов.
В частности, атрибут class используется JavaScript для доступа и управления элементами с определенным именем класса, а также может использоваться для указания имени класса в таблице стилей / документе CSS.
Теперь технологию CSS можно использовать для стилизации структуры калькулятора, созданного из HTML. Кроме того, CSS можно превратить в привлекательный калькулятор.
Здесь вы можете сослаться на формат таблицы стилей, который я использовал.
Все расчеты калькулятора производятся с использованием технологии JavaScript.
Короче говоря, этот калькулятор не станет настоящим калькулятором без использования JavaScript.
Теперь позвольте нам обратить ваше внимание на документ JavaScript, часть за частью, который так ценен.
Прежде всего, нам нужно манипулировать разделами истории и вывода.
Функция getHistory () используется для возврата значения истории, и это значение может быть получено с использованием идентификатора и внутреннего текста. А printHistory () используется для печати значений истории. Та же логика использовалась для печати для вывода значений.
Внутри функции printOutput () есть условный оператор if else. Если значение пусто, вывод также устанавливается на пустой с помощью оператора if. В противном случае он преобразуется в значения, разделенные запятыми, путем вызова функции getFormattedNumber (). Вот почему он обеспечивает лучшую читаемость для пользователя.
Теперь перейдем к следующей части документа JavaScript.
Внутри функции getFormattedNumber () есть оператор if в виде if (num == ”-”). Если число имеет знак минус, вернитесь к пустому значению. потому что знак минус определяется калькулятором как оператор. Чтобы избежать этой ошибки, мы используем этот оператор if.
Затем мы использовали числовой метод. Числовой метод может быть преобразован в строковый тип числа в число целочисленного типа. На следующем этапе это число преобразуется в строковое значение с помощью функции toLocaleString (). Затем этот номер строкового типа возвращается в качестве выходного значения.
Используя функцию reverseNumberFormat (), удалите весь фиктивный текст из расчета.
Теперь перейдем к следующей части документа JavaScript.
Для выполнения операции можно использовать класс оператора. Здесь цикл for используется для доступа к операторам по одному в списке операторов.
Что произойдет, если пользователь нажмет кнопку очистки?
В этом калькуляторе кнопка очистки (AC) удаляет как историю, так и вывод. Следовательно, как исторические, так и выходные значения печатаются как пустые значения.
В противном случае, когда пользователь нажимает клавишу возврата (DEL), будет удален только последний символ.
Выходное значение преобразуется в числовой формат (без запятых) с помощью этой строки. Поскольку backspace не должен иметь дело с запятыми. А также это число, возвращаемое функцией reverseNumberFormat (), снова преобразуется в строку с помощью функции toString ().
Затем с помощью метода substr () можно удалить последний символ.
Операторы в калькуляторе не работают, если вывод пустой. Итак, вывод следует проверить, пуст он или нет.
Когда пользователь щелкает знак равенства (=), анализируется история. Затем результат печатается в разделе вывода, а раздел истории должен быть установлен как пустой.
Для других операторов, таких как знаки сложения, вычитания, умножения и деления, оператор добавляет в историю, а вывод устанавливается как пустой.
Теперь перейдем к последней части документа JavaScript.
Эта часть используется для объединения чисел, которые нажимает пользователь. Если вывод является единственным числом, произойдет конкатенация, в противном случае этого не произойдет.
Этот оператор if используется для проверки того, является ли вывод числом или нет. Когда вывод представляет собой число, объедините выбранное пользователем значение с выходным значением.
Привет! Читатели, вот и все ...
Мы создали наш калькулятор. Теперь вы можете использовать это ..
Надеюсь, вам понравился этот блог. Если есть сомнения. Тогда прокомментируйте их ниже.
Спасибо за посещение моего блога…
