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

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

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

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

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

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

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

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

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

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

  • 19.02.2011 beagler:

    чёт как-то не работает пример — ни этажей ни площади

    • 19.02.2011 Кирилл:

      Спасибо, beagler, исправил путь до скрипта, руки пока не доходят разобраться как вставлять javascript прямо в пост :) .

  • 24.06.2011 art:

    Спасибо огромное за пример именно в посте wordpress, потому как примеры на других сайтах показывают работу скрипта на отдельной странице(.html или .php )

  • 12.08.2011 alex:

    Спасибо за скрипт — как раз искал что-то подобное для своего проекта.

  • 26.03.2012 сергей:

    спасибо! то что нужно, отличный калькулятор

  • 26.06.2012 sheva:

    Спасибо за скрипт! Очень пригодился для построения многоуровневых селектов

  • 29.11.2012 Максим:

    Как сделать кнопку сброса? При стандартной кнопки не полностью обнуляется.

  • 11.06.2013 Султан:

    Как можно скачать исходник ? и как указать путь на java скрипт с калькулятором ?

    • 11.06.2013 Султан:

      Все догнал ))

      а нельзя сделать кнопку показать и после этого что бы она показывала сумму а не автоматом ?

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

    Доброго времени суток!

    Скрипт отличный. как раз то что нужно. Только есть одна большая проблема...

    В JS я мало что понимаю, мягко говоря. Очень хочу использовать для своего проекта, но не знаю как ввести туда свои данные для подсчета суммы. Я буду очень Вам благодарен если поможете разобраться!

  • 11.02.2014 Купелев:

    Скрипт суперский , а толку то, мне бы хотелось увидеть готовый скрипт калькулятора, чтоб со знаками умножить, разделить и прочее

  • 06.07.2014 Катерина:

    Спасибо большое!


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

 css.php