Простой скрипт калькулятора на JavaScript

Использование JavaScript простой и очевидный вариант при реализации простых калькуляторов, призванных заменить публикацию на сайте больших таблиц и для добавления некоторой интерактивности.

Рассмотрим простой калькулятор на чистом JavaScript (без использования библиотек типа jQuery и пр.) использующий функции уникализации и сортировки данных в массиве.
Калькулятором будем считать стоимость квартир основываясь на стоимости квадратного метра и площади соответственно. При этом данные (значения тегов <option>) в выпадающих списках (теги <select>) будут заполняться автоматически и в зависимости от остальных.

HTML-код калькулятора

JavaScript-код калькулятора

Пример работы нашего простого JavaScript калькулятора:

Комнаты
Этаж
Площадь
Сумма

Некоторые полезные ссылки по функциям JavaScript, использованным в примере:

Калькулятор создан для примера на коленке, поэтому если встретите нелогизмы или ошибки прошу прокомментировать — внесу исправления :) . Если есть вопросы — тоже задавайте.

Комментариев: 16

  • 24.06.2015 Александр:

    Оптимальный скрипт,который можно подстроить абсолютно подо всё!

    Мне,например, требовалось создать калькулятор расчета объема,тиража,цветов печати и вывести итоговую сумму — в этом скрипте просто прописал свои значения в массивы, и всё! Вау!)) Долго искал.

    Единственный вопрос — возможно ли сделать так, чтобы цена записывалась где-нибудь отдельно, участвовала в формуле, но предварительно не показывалась пользователю?

    А то сейчас она записывается в value площади, что не есть гуд, если php-обработчик настроен на value элемента для отправки информации на почту.

    Заранее спасибо за возможный ответ.

  • 24.07.2015 Георгий:

    Здравствуйте!

    Мне нужен скрипт калькулятора кухни (мебели) на сайт. Вы смогли бы мне его сделать за оплату?

  • 14.03.2016 Оксана:

    Спасибо, большое!Очень классный скрипт. Как раз для нашего сайта.Давно такой ищу.


Добавление комментария:

 css.php