Зачем заставлять пользователя выбирать вручную, если можно подставить это автоматически?
В этом гайде:
• Заполним поля с type="date" и type="time" сразу при открытии.
• Реализуем автозаполнение только при первом фокусе — чтобы не мешать тем, кто хочет ввести вручную.
• Рассчитаем будущую дату — например, через 7 дней от сегодня, прямо в коде.
Такие улучшения экономят время, снижают количество ошибок и делают UX понятнее.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤8🔥7🤝2
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15👍10🔥5🤝1
Когда объект может быть «пустым» — опциональная цепочка спасает от ошибок!
Во вложенных данных из API часто отсутствуют поля. Вместо длинных проверок
Объект может быть
Если вложенный объект не задан — доступ просто вернёт
Когда структура полная — опциональная цепочка работает как обычный доступ:
🔥 Опциональная цепочка работает для свойств, методов, индексов и повышает надёжность кода при работе с внешними данными.
📣 JS Ready | #практика
Во вложенных данных из API часто отсутствуют поля. Вместо длинных проверок
if — используем ?. для безопасного доступа без исключений. Объект может быть
null, но доступ к свойству не должен ломать код:const user = null;
console.log(user?.name);
Если вложенный объект не задан — доступ просто вернёт
undefined:const user = {};
console.log(user?.profile?.email);Когда структура полная — опциональная цепочка работает как обычный доступ:
const user = { settings: { theme: 'dark' } };
console.log(user.settings?.theme);🔥 Опциональная цепочка работает для свойств, методов, индексов и повышает надёжность кода при работе с внешними данными.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14❤7🔥7
Когда пользователь начал что-то менять, но передумал — важно вернуть всё как было. Это снижает число ошибок и облегчает работу с формами.
В этой задаче:
• Сохраним начальные данные при загрузке.
• Сравним текущие значения с изначальными.
• Добавим кнопку отката и логику обновления.
• Сделаем реализацию универсальной и лаконичной.
Конечный результат — готовый механизм сброса, который легко встроить в профиль, настройки или любую редактируемую форму.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍10🔥8
👍11🔥8❤6
This media is not supported in your browser
VIEW IN TELEGRAM
LearnJS — русскоязычный учебник, от базовых понятий до продвинутых тем чтобы освоить JS!
Удобные объяснения, примеры кода, интерактивные задания помогут прокачать навыки как новичкам, так и опытным разработчикам.
📌 Оставляю ссылочку: learnjs.ru
📣 JS Ready | #сайт
Удобные объяснения, примеры кода, интерактивные задания помогут прокачать навыки как новичкам, так и опытным разработчикам.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15❤10🔥5🤝2