Строковый калькулятор на JavaScript

@Mirazhana · Регистрация: 04.09.2012

Студворк — интернет-сервис помощи студентам

Подскажите пожалуйста, как можно реализовать подобное?

Есть два поля, в первое мы вводим арифметическое выражение, например: "5-(2*7)+8", а во втором по мере набора символов появляется ответ (т.е. в реальном времени).

@umc55555 · 05.06.2013, 17:35

Сообщение от Mirazhana

по мере набора символов появляется ответ

При событии onkeyup, вызванного первым полем, проверяется

Какая кнопка нажата (т. е. что введена цифра, а не буква или нажата какая-то другая кнопка).
Арифметическое выражение в поле (с помощью регулярок проще всего наверное).
- Правильность расстановки скобок. Если есть открывающая скобка - проверяется наличие закрывающей.
- Правильность расстановки слагаемых.

Если все ок, выражение считается и результат передается во второе поле.

Vovan-VE · 06.06.2013, 16:40

Можно влоб eval'ом. Только предварительно проверить строку на отсутствие недопустимых символов.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function calc(str){
    if (/^[-+()*\/0-9\s]+$/.test(str)) {
        try {
            alert(eval(str));
        }
        catch (e) {
            alert("Ошибка синтаксиса: " + e.message);
        };
    }
    else {
        alert('Допустимы только цифры, «+», «-», «*», «/», «(» и «)».');
    };
};
 
calc("5-(2*7)+8");

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .

@Mirazhana 1 / 1 / 0 Регистрация: 04.09.2012 Сообщений: 94

	Строковый калькулятор на JavaScript 05.06.2013, 16:56. Показов 4266. Ответов 2 Метки нет (Все метки) Подскажите пожалуйста, как можно реализовать подобное? Есть два поля, в первое мы вводим арифметическое выражение, например: "5-(2*7)+8", а во втором по мере набора символов появляется ответ (т.е. в реальном времени). 0

Строковый калькулятор на JavaScript

Решение