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

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

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

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

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

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

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

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

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

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

  • 19.02.2011 beagler:

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

    • 19.02.2011 Кирилл:

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

  • 24.06.2011 art:

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

  • 12.08.2011 alex:

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

  • 26.03.2012 сергей:

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


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