У нас есть уже сверстанный лендинг, нужно будет сверстать на нем калькулятор и настроить работу калькулятора (либо только настроить функционал калькулятора: изменение суммы з/п при заполнении полей формы). Макет калькулятора во вложении, краткое ТЗ ниже.
Бюджет обсуждается.
ТЗ (описание функционала калькулятора)
При постепенном заполнении полей меняется сумма заработной платы, а именно:
• Поле «Выберите вакансию». По умолчанию в поле должен стоять «Механик», но есть возможность нажать на поле и раскрыть список из вакансий и выбрать другую (кол-во открытых вакансий будет меняться). Важно: должна быть возможность самостоятельно менять название вакансии, которая стоит по умолчанию.
Вакансии в раскрывающимся списке отделены друг от друга тонкой серенькой линией. Фон белый, шрифт черный. При наведении на вакансию из списка фон становится светло-серым.
После выбора «Твоя зарплата» меняется с «0 руб.мес.» на 40 000 руб./мес (то есть цифра постепенно увеличивается, а не просто меняется с «0» до 40 000 р (это должно происходить быстро, за 1-2 секунды). Пример такого функционала можно найти здесь:
.
• Поле «Укажите опыт работы». По умолчанию 0 лет, но есть возможность нажать на поле и раскрыть список (в списке минимально – 0 лет, максимально – более 7 лет, каждое значение +1 год).
После выбора опыта работы «Твоя зарплата» меняется с 40 000 руб./мес. на 60 000 руб/мес. (если выбрано от 1 до 3) и на 70 000 руб/мес. (если выбрано от 3 до 5), 80 000 руб./мес. (если выбрано от 5 до 7) и на 90 000 руб/мес. (если выбрано более 7 лет). Если выбран «0», то зп остается 40 000 руб/мес.
• Поле «Умение работать в 1С». При нажатии на поле раскрывается список: «да» и «нет». Ответ «да» увеличивает зарплату на 10 000 руб.
• Маска для номера телефона такая же, как везде.
Все поля являются обязательными. При незаполнении какого-либо поля и нажатии на кнопку «Получить», обводка поля становится красной, под ним появляется подпись «обязательное поле».
Заполнение полей должно происходить в описанном порядке. Если порядок нарушается, то поле, которое должно было заполняться первым, приобретает красную обводку, под ним появляется подпись «Заполните первым».
После заполнения всех полей, кроме номера телефона, поле с номером телефона приобретает красную обводку, под ним появляется подпись «Заполните и нажмите «Получить».
При нажатии на кнопку «Получить» с правильно заполненными полями, появляется надпись: «Спасибо! Вам позвонят, чтобы назначить время собеседования». Весь остальной текст и кнопка исчезают.
Важно: должна быть возможность менять цифру зарплаты (например, мы должны иметь возможность заменить стартовую зп с 40 000 на 50 000 и т.д.)