Практика. Задание на отработку действий со страницей

Задания

1) Удалить все рекламные блоки со страницы (правая часть сайта)

2) Изменить жанр фильма, поменять "комедия" на "драма"

3) Изменить задний фон постера с фильмом на изображение "bg.jpg". Оно лежит в папке img.
Реализовать только при помощи JS

4) Список фильмов на странице сформировать на основании данных из этого JS файла.
Отсортировать их по алфавиту

5) Добавить нумерацию выведенных фильмов

Код

'use strict';

const movieDB = {
  movies: [
  "Логан",
  "Лига справедливости",
  "Ла-ла лэнд",
  "Одержимость",
  "Скотт Пилигрим против..."
  ]
};

Решение

1) Убираем рекламный блок:

Код

document.querySelector('.promo__adv').remove();

2) Меняем жанр фильма:

Код

document.querySelector('.promo__genre').textContent = 'драма';

3) Меняем задний фон постера:

Код

document.querySelector('.promo__bg').style.backgroundImage = 'url(img/bg.jpg)';

Формируем список фильмов:

Код

Исходники урока

Всего комментариев: 1

Порядок вывода комментариев:

Алексей 11.07.2025 в 20:33 / Материал

Решение преподавателя:

'use strict';

const movieDB = {
  movies: [
  "Логан",
  "Лига справедливости",
  "Ла-ла лэнд",
  "Одержимость",
  "Скотт Пилигрим против..."
  ]
};

const adv = document.querySelectorAll('.promo__adv img'),
  poster = document.querySelector('.promo__bg'),
  genre = poster.querySelector('.promo__genre'),
  movieList = document.querySelector('.promo__interactive-list');

adv.forEach(item => {
  item.remove();
});

genre.textContent = 'драма';

poster.style.backgroundImage = 'url("img/bg.jpg")';

movieList.innerHTML = "";

movieDB.movies.sort();

movieDB.movies.forEach((film, i) => {
  movieList.innerHTML += `
  <li class="promo__interactive-item">${i + 1} ${film}
  <div class="delete"></div>
  </li>
  `;
});


Имя *:
Email *:
Все смайлы
Код *: