JavaScript: От Основ до Full-Stack Разработки

Используйте document.querySelector() для доступа к первому

в

и измените его textContent.

Используйте document.querySelectorAll() для получения всех

• в
  и добавьте им класс list-item с помощью forEach() и element.classList.add().

  Создайте кнопку Изменить цвет и

  с id myBox, который имеет начальный стиль (цвет фона, размеры) через CSS.При нажатии на кнопку, используя addEventListener (которое мы рассмотрим позже), измените цвет фона div на случайный. Для генерации случайного цвета используйте Math.random() для RGB-компонентов.

  Напишите функцию createListItem(text), которая создает новый элемент

  с заданным текстом и добавляет его в конец существующего

  на странице.

  Создайте элемент

  с текстом “Этот параграф будет удален”. Добавьте его на страницу. Затем найдите этот параграф по его textContent (это можно сделать, например, через document.querySelectorAll('p') и цикл, или если у него есть ID) и удалите его с помощью element.remove().

  Эта глава заложила основу для взаимодействия JavaScript с веб-страницей. Мы научились находить элементы, изменять их содержимое, атрибуты и стили, а также создавать и удалять элементы. Это критически важный навык для любого веб-разработчика.

  В следующей главе мы углубимся в то, как JavaScript реагирует на действия пользователя — мы будем изучать события.

  Глава 8: Реакция на Действия: События.

  Мы научились находить элементы на веб-странице и изменять их. Но что делает веб по-настоящему захватывающим, так это интерактивность — способность страницы реагировать на то, что делает пользователь. Щелчки мыши, нажатия клавиш, движение курсора, отправка форм, загрузка страницы — все это события.

  Термин: Событие (Event) — это сигнал, который генерируется системой (браузером, операционной системой, пользовательским агентом) в ответ на определенное действие. JavaScript может “слушать” эти сигналы и выполнять определенный код в ответ.

  Конец ознакомительного фрагмента.

  Текст предоставлен ООО «Литрес».

  Прочитайте эту книгу целиком, купив полную легальную версию на Литрес.

  Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.