Практика использования DOM!
В отдельном JS файле:
Когда страница загрузится:
-
Поменяйте приветствие с "Привет Всем!" на "Привет Виталий Валентинович!".
-
Установите фоновый цвет для каждого
<li>
наyellow
. -
Создайте тег изображения, установите его атрибут
src
наhttp://49.media.tumblr.com/tumblr_m6qt1rjPSz1rxjzkho1_500.gif
, и вложите в div с идентификатором#greeting
. -
Создайте и добавьте ul элемент в конец body с классом "todo-items"
-
Пройдитесь по массиву
['приготовить кофе','съесть салатик','поменять подгузник ребёнку','поехать на работу']
и создайте тег li для каждого элемента, например:<li>приготовить кофе</li>
-
Добавьте каждый созданный ранее тег li в вашу конструкцию ul с классом "todo-items".
После:
-
Добавьте класс
selected
к<li>
при щелчке по нём. Удалите его из любых другихli
. -
Измените изображение, чтобы оно было последним выбранным продуктом питания.
-
Когда на серый div наводится указатель мыши, он удаляется из DOM.
-
Когда на оранжевый div наводится указатель мыши, его ширина удваивается. Когда мы уходим за пределы div, ширина возвращается к своему первоначальному размеру.
-
Когда кнопка Reset нажата - удалите класс
selected
из каждого<li>
и измените изображение наpanic.jpg
. -
При нажатии клавиши 1, 2, 3, 4, 5, 6, 7, 8, 9 или 0 на странице появляется сообщение «Я НЕНАВИЖУ ЧИСЛААААА!»