Как сделать калькулятор на сайт на JQUERY. Учимся писать скрипты.

Как сверстать калькулятор на landing page или на полноценный сайт? Если вы до сих пор не знаете ответа на этот вопрос - посмотрите этот видео-урок.

Разберем, как сделать простой калькулятор на JQuery на примере сайта печатного салона.

Ссылка на архив из видео-урока:

----------------------------------------------------------------------------------------------------------------

Больше контента в нашей группе Вконтакте
Присоединяйтесь к нашему сообществу Discord

Мой канал в telegram "Лысый из браузера"

Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
-----------
Я использую хостинг Link Host с 2014 года

Каналы с крутыми фичами на CSS и JavaScript:

Канал с терминами для айтишников:

Канал, где публикуют ссылки на полезные сервисы и сайты:

[kos]

Такого классного объяснения я еще не слышал! И дурак поймет. Было бы супер, если бы Вы сделали курс по Javascript для начинающих. Можно даже платный. Ваш курс бы я купил без размышлений! Лайк и подписка!

[КомониДугов]

Понравилось. Все подробно, доступно и понятно. Грамотная речь, хорошее изложение. И, несмотря на длительный урок – не утомляет. Короче лайк подписка и благодарность за волонтерскую деятельность.
Но в конце урока появляется ощущение какой-то незавершенности. Тычешь в тираж, бумагу, стиль… И не понимаешь. Дорого это и насколько? Поэтому просто напрашивается еще одна цифра – стоимость одной визитки. Делов то - всего пару строк кода. Можно было бы и дополнить. Задача несложная и пусть это будет домашним заданием для слушателей. Правда, там нужно применить метод toFixed() для округления. Для начинающих было бы полезно объяснить его применение.

[CrazyTVnet]

Больше бы таких видео на конкретных примерах. И поиск багов онлайн тоже смотреть познавательно. Спасибо!

[dmitryhataro]

Все четко и понятно. По вашему объяснению, понял что к чему относится с первого раза.

[Lelik]

Блин, круто, очень все понятно и речь хорошая) однозначно лайк и подписка)

[goldentears]

Вы отлично обьясняите, хотелось бы по больше примеров с использования различных методов

[vv-yqtt]

Только после вашего урока, я понел как работает $ - спасибо!!!

[ОльгаОльга-йси]

Все очень доступно и понятно. Спасибо. Буду пробовать на практике.

[dmytrofromukrain]

Клас. Спасибо за такое супер-объяснение. Сегодня просмотрел. Завтра буду внедрять на своем сайте что-то похожее.

Здравствуй, очень интересно и подробно разъясняешь, спасибо тебе. Продолжай в том же духе.
Хотелось бы больше кода, очень хорошо во время кодинга доносись то что делаешь. Редкость на самом деле.
Заметил что тебе часто приходиться копировать одно и тоже. Попробуй приложение Clipdiary.

[ondasynmurat]

Спасибо. Мне помогли. Немножко переделал, но суть что он работает это круто

[EvgenJS]

Артем, спасибо!!! Мега полезный урок!!!

[РоманКущ-иь]

Лучший в деле за работой ! Вот кто Батя !

[black_wolf]

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

[РоманКущ-иь]

Подскажи по поводу скрипта в html-доке, когда его лучше подключать как отдельный, а когда лучше писать прямо в файле-html ?

[ГерманФедоров-еш]

Поправьте меня, если я что-то не понял. Но весь скрипт расчета сработает только если в первом поле "тираж" я изменю значение и таким образом приведу в действие функцию (change). Но если меня как клиента устраивает тираж в 150, который выставляется в дефолт как первое значение. И буду менять только бумагу... Тогда функция не сработает же.. Не правильнее ли будет в условие функции передавать ИЛИ. Чтобы функция срабатывала на изменения любых полей. Плюс в спан изначально выставить не ноль, а цену за дефолтные (первые) параметры селектов.

[alexles]

В такой рутине Еще бы помог навык пользования Excel. Там можно путем конкатенации строк и прочих плюшек быстрее теги формировать. Вообще в таких делах вот такой вот файлик от заказчика просто подарок судьбы. Очень сокращает объяснение на пальцах

[zloy_tushkanchik]

Раз изначально в селектах есть значения. Нужно функции, которая запускает весь код, при изменении селектов, дать имя. И вызвать эту функцию. Или просто написать итоговую цену под эти параметры, вместо нуля. Как то так)

[kuzmikhail]

Подскажи пожалуйста как результат округлить до 2 знаков после запятой?

[ЕгорНей-лф]

на счет осуждать, есть конечно недоработки типа, округление до 2 знаков после запятой нужно, и то что в js принято называть переменные "вотТакВот", а не "вот-так-вот", но в целом урок качественный. Мне понравилось, спасибо автору