Skip to content

Commit

Permalink
One more working with element classes exercise
Browse files Browse the repository at this point in the history
  • Loading branch information
jvstme committed Jul 7, 2024
1 parent 56e701f commit e8585d2
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions src/web_apis/working_with_element_classes.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,3 +98,7 @@ document.querySelector("body").appendChild(ul);
1. Реализуй поле проверки сложности пароля. Если в поле введён слабый пароль, то оно выделяется красной границей, если средний — то жёлтой, а если сильный — зелёной. Средним будем считать пароль, содержащий 8 или более символов. Сильным — содержащий 8 или более символов, среди которых есть и буквы латинского алфавита, и цифры.

1. Реализуй страницу с дневным и ночным режимами. В дневном режиме на странице должен быть светлый фон и тёмные элементы, а в ночном — тёмный фон и светлые элементы. На странице должно быть несколько подзаголовков, абзацев текста и других элементов на твоё усмотрение. Также должен быть элемент, при помощи которого пользователь может переключаться с дневного режима на ночной и обратно.

1. Реализуй страницу-галерею. Галерея состоит из трёх или более карточек. Каждая карточка содержит изображение, его название и один или несколько абзацев с его описанием. Единовременно отображается только одна карточка. Для переключения на следующую или на предыдущую карточку предусмотрены две соответствующие кнопки.

> **Подсказка**: чтобы не конструировать элементы карточек через JavaScript, можно заранее создать все карточки в HTML, а через JavaScript только назначать класс с CSS-свойством `display: none` тем карточкам, которые сейчас не отображаются.

0 comments on commit e8585d2

Please sign in to comment.