Найти тему
Задание 16. Работаем с JQuery
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. Продвинутый JavaScript: Скачать архив, прикрепленный к уроку Подключить Jquery к проекту Создать js файл и подключить его к странице Написать обработчик события, не позволяющий скриптам выполняться до загрузки страницы Написать функцию, что при клике на “Выбрать тур” , “Получить консультацию” или “Расписание туров” (все 3 элемента) подложка (класс overlay) медленно появлялась на странице (через прозрачность), а само модальное окно (класс modal) плавно выезжало...
1 год назад
Задание 15. Создаем калькулятор на сайте
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. Продвинутый JavaScript: Реализовать калькулятор на сайте Проверить, чтобы все работало и не было ошибок в консоли. Исправить баг в логике калькулятора: Если заполнить оба поля, а потом очистить одно из них - общая сумма всё равно рассчитывается. Добавить папку с уроком на GitHub Вопросы к этому заданию Как можно преобразовать число в строку? Ответ: Методом ...
1 год назад
Задание 14. Создаем слайдер на сайте
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. Продвинутый JavaScript: Реализовать слайдер на сайте по видео Вопросы к этому заданию В чем преимущества применения .querySelectorAll()? Ответ: Можно выделить сразу несколько классов и собрать из в одну коллекцию, также этот метод достаточно быстро работает...
1 год назад
Задание 13. Используем промисы на реальных примерах
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. Продвинутый JavaScript: Задание: Используем промисы на реальных примерах 1) Переписать скрипт для отправки данных с формы, используя промисы. (Из проекта Yoga) Проверить, чтобы все работало и не было ошибок в консоли. Добавить папку с уроком на GitHub 2) Скачать архив, прикрепленный к уроку. У вас есть конвертер валют из предыдущего урока. Переписать его, используя промисы. Проверить, чтобы все работало и не было ошибок в консоли...
1 год назад
Задание 12. Реализация скрипта отправки данных из формы
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. Продвинутый JavaScript: Задание: Реализация скрипта отправки данных из формы 1) Подключить скрипт отправки данных с формы к: · Модальному окну · Контактной форме 2) Проверить, чтобы все работало и не было ошибок в консоли 3) Добавить папку с уроком на GitHub Вопросы к этому заданию Что...
1 год назад
Задание 11. Работаем с проектом и практикуемся использовать ES6
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. JavaScript в работе: 1) Привести свой проект в соответствие с ES6 (в проекте Yoga, то, что можно преобразовать) 2) Используя синтаксис ES6 в отдельном документе: · Создать класс options · Он должен содержать свойства: height, width, bg, fontSize, textAlign · Он должен содержать метод, создающий новый div на странице, записывающий в него любой текст и при помощи cssText изменять свой стиль из переданных параметров · ...
1 год назад
Задание 10. Создаем модальное окно и работаем с this
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. JavaScript в работе: 1) Написать функцию вызова модального окна 2) Привязать модальное окно к кнопкам “Узнать подробнее” в табах. Код не должен дублироваться. Второе задание: У вас есть код: ----------------------------------------------------------------------------------- <input id="age" value="30"> let age = document.getElementById('age'); function showUser(surname, name) { alert("Пользователь " + surname + " " + name + ", его возраст " + this.value); } showUser(); ----------------------------------------------------------------------------------- Выведите...
1 год назад
Задание 9. Создаем таймер обратного отсчета на сайте
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. JavaScript в работе: 1) Написать таймер обратного отсчета 2) Проверить, чтобы все работало и не было ошибок в консоли 3) У таймера есть проблема (нужно исправить) 4) Изменить скрипт так, чтобы в таком случае выводилось: 00:00:00 · Необходимо подставлять 0 перед значениями, которые состоят из одной цифры (из...
1 год назад
Задание 8. Создаем табы на странице
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. JavaScript в работе: Скачать проект, прикрепленный к уроку Написать рабочие табы Проверить, чтобы все работало и не было ошибок в консоли Добавить папку с уроком на GitHub Вопросы к этому заданию Зачем применять делегирование событий? Ответ: Делегирование необходимо для того, чтобы уменьшить код, мы вместо того, чтобы ставить обработчик событий на все элементы мы можем поставить на родителя и потом выбрать нужный элемент по event...
1 год назад
Задание 7. Практика. Пишем приложение. Часть 5
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. Основы JavaScript. 1) Добавить весь функционал, повторяя за видео 2) Если программа еще не запущена( не нажали кнопку "Начать расчет") - сделать кнопки неактивными. 3) Реализовать функционал: при расчете дневного бюджета учитывать сумму обязательных трат (т. e. от бюджета на месяц отнимаем общую сумму всех обяз. трат и ее делим на 30 дней) 4) Проверить, чтобы все работало и не было ошибок в консоли 5) Добавить папку с уроком...
1 год назад
Задание 6. Практика. Пишем приложение. Часть 4
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. Основы JavaScript. 1) Скачать архив, прикрепленный к уроку 2) Задание по проекту · Получить кнопку "Начать расчет" через id · Получить все блоки в правой части программы через классы (которые имеют класс название-value, начиная с и заканчивая ) · Получить поля(input) c обязательными расходами через класс. (class=”expenses-item”) · Получить кнопки “Утвердить” и “Рассчитать” через Tag, каждую в своей переменной. · Получить поля для ввода необязательных расходов (optionalexpenses-item)...
1 год назад
Задание 5. Задание на отработку действий со страницей
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. Основы JavaScript. 1) Скачать архив, прикрепленный к уроку (АРХИВ ДЛЯ ДЗ). Внутри папки с 5м уроком создать еще одну, где и выполнить это задание (чтобы не перемешивались) 2) Используя только файл скрипта (html руками не трогать) выполнить такие действия: · Восстановить порядок в меню, добавить пятый пункт · Заменить картинку заднего фона на другую из папки img · Поменять заголовок, добавить слово "подлинную" ( Получится - "Мы продаем только подлинную технику Apple") · Удалить рекламу со страницы ·...
1 год назад