Відео

Отличное видео, спасибо, за такой подробный разбор каждого момента!

Почему пропали видео?

Мне понравилось выражение: Здесь везде клевая половина 😅

Приятно слышать, что круизный отдых вам понравился! 🥰

Я так Рада за вас! Хочу на Costa Tockana!

Круто! Мне все нравится! 👍

Я смотрю кухня у вас совсем необычная. В следующий раз поедим на Costa😂

Клаааассно. Хорошего отдыха 🎉

Супер!

Спасибо за Ваши уроки! Да хранит Вас Господь! Я из солнечного и горного Кыргызстана!

добра Вам и здоровья! Кто-то может позавидовать, но я вижу человека, который, в общем-то и должен жить неплохо, учитывая то как Вы держите себя, речь, культуру и общий позитивный настрой.

Всем похуй

а откуда автор родом? еслине секрет?

счастливого отдыха!) какой круиз? чё по чём?

А как лучше обрабатывать ошибки при работе с Fetch API? я сам недавно начал изучать веб-разработку и выбрал курсы Skypro, потому что у них были лучшие отзывы и все понятно объяснено))

норм, на раслабоне и без заумного сленга)

здравствуй, спасибо за отличный материал! Хотелось бы звук громче, так как микро максимально тихий, заранее благодарен

Отличная постановка речи и интересная тема. Продолжайте в том же духе, я ваш новый подписчик

на убунте на ноутах есть проблема с прокруткой контента на тачпадах, как уменьшить скролл двумя пальцами? может гости канала пдскажут?

Интересно, спасибо ,сделайте плей лист :)

Может сделаете плей лист ?) будет намного удобнее

🤜🤜🤛🤛

Отлично, продолжайте записывать ценный материал, спасибо

`getElementById` - это один из самых часто используемых методов в JavaScript, который позволяет быстро и легко получить доступ к элементу на веб-странице по его уникальному идентификатору (ID). Как работает getElementById? Этот метод принимает один аргумент - строку, представляющую уникальный идентификатор элемента, и возвращает ссылку на первый элемент с этим ID. Если элемент с указанным ID не найден, метод возвращает `null`. Пример использования: 1. Основной синтаксис ```javascript const element = document.getElementById('myElementId'); console.log(element); ``` В этом примере мы получаем элемент с ID `myElementId` и выводим его в консоль. 2. Изменение содержимого элемента ```javascript const header = document.getElementById('header'); header.innerText = 'Добро пожаловать!'; ``` Этот код изменяет текст внутри элемента с ID `header` на 'Добро пожаловать!'. 3. Изменение стиля элемента ```javascript const box = document.getElementById('box'); box.style.backgroundColor = 'blue'; ``` Здесь мы меняем цвет фона элемента с ID `box` на синий. Важные замечания: - Уникальность ID: ID на веб-странице должны быть уникальными. Это значит, что на странице не должно быть более одного элемента с одинаковым ID. - Чувствительность к регистру: Имена ID чувствительны к регистру, то есть `myElement` и `myelement` считаются разными ID. Практическое применение: - Доступ к форме: Можно легко получить доступ к полям формы и их значениям. ```javascript const inputField = document.getElementById('username'); console.log(inputField.value); ``` - Добавление событий: Можно добавлять обработчики событий к элементам. ```javascript const button = document.getElementById('submitButton'); button.addEventListener('click', () => { alert('Кнопка нажата!'); }); ``` Заключение: `getElementById` - это простой, но мощный метод для работы с элементами на веб-странице. Он особенно полезен для быстрого доступа и манипуляции с элементами через их уникальные идентификаторы. Освоив этот метод, вы сможете легко управлять элементами на вашей странице и создавать интерактивные веб-приложения.

querySelectorAll - это один из методов в JavaScript, который используется для выбора элементов из DOM (Document Object Model). В отличие от querySelector, который возвращает только первый найденный элемент, querySelectorAll возвращает все элементы, соответствующие заданному селектору. Как работает querySelectorAll? Этот метод принимает один аргумент - строку, представляющую CSS-селектор. Он ищет все элементы, соответствующие этому селектору, и возвращает их в виде статического NodeList (списка узлов). Пример использования: 1. Выбор всех элементов по тегу ``` const allDivs = document.querySelectorAll('div'); console.log(allDivs); ``` Этот пример выбирает все элементы div на странице и выводит их в консоль. 2. Выбор элементов по классу ``` const allItems = document.querySelectorAll('.item'); console.log(allItems); ``` Здесь выбираются все элементы с классом item. 3. Выбор элементов по идентификатору ``` const elementWithId = document.querySelectorAll('#uniqueId'); console.log(elementWithId); ``` Этот пример выбирает элемент с идентификатором uniqueId. 4. Комбинированные селекторы ``` const specificItems = document.querySelectorAll('div.item'); console.log(specificItems); ``` Здесь выбираются все элементы div с классом item. Особенности: - Статический NodeList: В отличие от getElementsByClassName или getElementsByTagName, которые возвращают "живые" коллекции (автоматически обновляются при изменении DOM), querySelectorAll возвращает статический NodeList. Это означает, что список не обновляется при изменении DOM. - Псевдоклассы: Можно использовать CSS-псевдоклассы, например :hover, :first-child, :nth-child и другие. ``` const firstItems = document.querySelectorAll('.item:first-child'); console.log(firstItems); ``` Перебор элементов NodeList: NodeList можно перебирать с помощью методов, таких как forEach: ``` const allItems = document.querySelectorAll('.item'); allItems.forEach(item => { console.log(item); }); ``` Практическое применение: - Изменение стилей: Вы можете изменить стиль всех выбранных элементов. ``` const items = document.querySelectorAll('.item'); items.forEach(item => { item.style.color = 'red'; }); ``` - Добавление событий: Можно добавлять обработчики событий ко всем выбранным элементам. ``` const buttons = document.querySelectorAll('button'); buttons.forEach(button => { button.addEventListener('click', () => { alert('Button clicked!'); }); }); ``` Заключение: querySelectorAll - это мощный инструмент для работы с DOM в JavaScript. Он позволяет гибко выбирать элементы на странице и манипулировать ими. Запомнив синтаксис и основные примеры использования, вы сможете легко применять этот метод в своих проектах.

Жестко Сколько требуется времени в день на изучение?

спасибо за видео, очень интересно и полезно

Очень доходчиво и подробно! Спасибо!!