const form = document.getElementById('form'); const rentStartInput = document.getElementById('rent-start'); const rentStartTimeHoursInput = document.getElementById('rent-start-time-hours'); const rentStartTimeMinutesInput = document.getElementById('rent-start-time-minutes'); const rentOffInput = document.getElementById('rent-off'); const rentOffTimeHoursInput = document.getElementById('rent-off-time-hours'); const rentOffTimeMinutesInput = document.getElementById('rent-off-time-minutes'); const durationOutput = document.getElementById('duration'); const minDuration = 3; // минимальная продолжительность аренды в сутках const hoursOptions = [...Array(25).keys()].map(i => i.toString().padStart(2, '0')); const minutesOptions = ['00', '15', '30', '45']; const createElement = (element, item) => { const newElement = document.createElement(element); newElement.textContent = item; return newElement; }; const populateSelect = (select, options) => { options.forEach(option => { select.appendChild(createElement('option', option)); }); }; populateSelect(rentStartTimeHoursInput, hoursOptions); populateSelect(rentStartTimeMinutesInput, minutesOptions); populateSelect(rentOffTimeHoursInput, hoursOptions); populateSelect(rentOffTimeMinutesInput, minutesOptions); const calculateDuration = (rentStart, rentStartTime, rentOff, rentOffTime) => { const rentStartDate = new Date(rentStart); const rentStartTimeDate = new Date(); rentStartTimeDate.setHours(rentStartTime.hours, rentStartTime.minutes); const rentEndDate = new Date(rentOff); const rentEndTimeDate = new Date(); rentEndTimeDate.setHours(rentOffTime.hours, rentOffTime.minutes); const diff = Math.round((rentEndTimeDate - rentStartTimeDate) / (1000 * 60 * 60 * 24)); if (diff < minDuration) { return minDuration; } return diff; }; const updateDuration = (e) => { e.preventDefault(); const rentStart = rentStartInput.value; const rentStartTime = { hours: parseInt(rentStartTimeHoursInput.value), minutes: parseInt(rentStartTimeMinutesInput.value) }; const rentOff = rentOffInput.value; const rentOffTime = { hours: parseInt(rentOffTimeHoursInput.value), minutes: parseInt(rentOffTimeMinutesInput.value) }; if (!rentStart || !rentStartTime || !rentOff || !rentOffTime) { alert('Заполните все поля!'); return; } if (rentOff < rentStart) { alert('Дата окончания аренды не может быть меньше даты начала аренды!'); return; } const duration = calculateDuration(rentStart, rentStartTime, rentOff, rentOffTime); durationOutput.value = duration; }; form.addEventListener('submit', updateDuration);
для вашего бизнеса
лендинги
создаю
Алла Горячева
УЗНАТЬ ПОДРОБНЕЕ
для вашего бизнеса
лендинги
создаю
Алла Горячева
Из финансов в дизайнеры? Легко!
И так, давайте знакомиться.
Я Алла Горячева, интернет-маркетолог и дизайнер лендингов.

По образованию я финансист и большую часть сознательной жизни работала в области финансов и кредитов.

Имея за плечами внушительный послужной список как финансист, я не побоялась всё поменять и заняться тем, что действительно приносит удовольствие.

Я прошла профессиональную переподготовку по интернет-маркетингу. И учусь в Яндекс.Практикум по специальности Дизайнер лендингов.

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

Я только формирую своё портфолио. Но у меня есть секрет - моё главное преимущество по сравнению с более опытными дизайнерами. Это "горящие глаза" и жажда познания новой профессии!

Уверена, мы с вами сработаемся и я создам для вас самый лучший проект!
Обо мне
Существует несколько видов лендингов.
Чёткое понимание того, для чего вам нужен лендинг и какую конечную цель он преследует, позволит получить максимально качественный продукт
01
Лендинг, в котором только один экран.
Как правило, кнопка целевого действия подразумевает короткое действие: скачать, заказать.
Квиз-лендинг
Одноэкранник
Задача такого лендинга — вызвать интерес пользователя. Он не продаёт напрямую, а строится обычно в виде рассказа о продукте (товаре/услуге) или компании, её миссии. Кнопка целевого действия тоже есть — она чаще всего сформулирована как «узнать подробности».
02
Информационный лендинг
03
Лендинг в виде небольшого опроса или теста, после прохождения которых, как правило, следует оставить свои контакты.
Подойдет, если нужно обозначить простое действие или временную акцию. Например, скачать приложение, оповестить о скидках или сезонном предложении, и т.п.
Подойдет, если нужно привлечь внимание новых клиентов, вовлечь их в знакомство с продуктом/компанией, собрать лиды.
04

Отлично подойдет фрилансеру или практикующему специалисту: риелтору, репетитору, частному психологу, адвокату, коучу, кондитеру и т.п.
Поможет рассказать о ваших способностях ярко , структурированно и красочно.
Лендинг-визитка
Название лендинга говорит само за себя.
В нём собрана основная информация о вас как о специалисте, или о вашей компании.
Этот тип лендинга не продаёт товар или услугу напрямую. Его задача - вызвать интерес пользователя.
Такой лендинг, тем не менее, является частью маркетинговой воронки продаж, когда нужно вовлечь клиента в знакомство с компанией/продуктом.
05
Продающий лендинг
Посадочная страница, используемая непосредственно для продаж. Задача лендинга привести клиента к совершению целевого действия, а именно купить, заказать и т. п. вызвать интерес пользователя. Кнопка целевого действия содержит соответствующий призыв.
Основной лендинг, продвигающий товар/услугу. Конечная его цель - побуждение к действию Купить. Подразумевается, что на данном этапе маркетинговой воронки продаж пользователь уже знаком с вашей продукцией.
Я могу сделать для вас |
АНАЛИТИКА
БРИФФИНГ
СОГЛАСОВАНИЕ ДИЗАЙН-ПРОЕКТА
Этапы моей работы с вами
Я провожу с вами подробное интервью о проекте. Определяем цели и задачи лендинга.
На этом этапе проводится анализ целевой аудитории и конкурентной среды.
Создаю прототип сайта в Figma. Определяю структуру сайта, из каких блоков он будет состоять, где будет расположены заголовки, текст, фото и т.п.
ПРОТОТИПИРОВАНИЕ
На этом этапе разрабатывается дизайн-концепция лендинга. Определяется цветовая палитра, подбираются референсы.
Становится визуально понятно как будет выглядеть будущий лендинг.
ДИЗАЙН
На этом этапе мы согласовываем с вами дизайн-проект лендинга. При необходимости вносим правки.
Я переношу согласованный дизайн-проект лендинга на Tilda или Readymag.
ВЁРСТКА
Финальное согласование лендинга. , Приёмка проекта.
ФИНАЛЬНОЕ СОГЛАСОВАНИЕ
Пришло время поговорить
подробнее о вашем проекте
Оставьте свои контакты и я свяжусь с вами в течение 30 минут.

А еще вы можете мне позвонить
(с 8:00 до 21:00)
Телефон: +79161384971
Или написать
Почта: aguarius@bk.ru
Написать мне
Made on
Tilda