Поможет любой ваш совет, или хотя б подсказка по каждому блоку!!! Можно по частям, хоть как-то)))… С меня Шекаладка. Спасибо наперёд всем!!
В теле HTML документа создать 4 блока, каждый из которых будет содержать 1 кнопку и один блок с результатом. Каждая из кнопок будет выполнять одно из следующих ниже действий:
- На первую кнопку повесить обработчик, который будет при каждом наведении на кнопку выводить в блок с результатом элемент
- с текстом “hovered!”, у которого будет один из следующих классов: red blue green orange purple.
В стилях(css) необходимо перекрасить текст в соответствии с названием класса red – красный, blue- голубой и т.д.
Необходимо чтобы ваш HTML выглядел так:
Hover button //Сама кнопка по наведению на которую мы добавляем событие(наведение мыши(hover))
- // сюда мы каждый раз добавляем элемент
- Hovered
- Hovered
- На вторую кнопку повесить обработчик, который будет по клику удалять классы с блока с результатом по очереди в таком порядке:
six → two → three → four → one → five
После того, как блок окажется пустым, добавить их в порядке возрастания:
one → two → three → … → six
Необходимо чтобы ваш HTML выглядел так:
Click button //сюда вешаем событие клик мыши
// на этом элементе убираем и добавляем классы- На третью кнопку повесить обработчик, который по клику будет выводить в блок с результатом поочерёдно текст с один из цветов светофора:
Цикл: Off → Red → Yellow → Green → Off
Необходимо чтобы ваш HTML выглядел так:
Light button
// в этом div-е будет ваш текст4.На кнопку под номером четыре необходимо повесить обработчик, который начнет считать и будет выводить в блок с результатом число нажатий на любую из клавиш клавиатуры.
Важно: Один клик по любой кнопке клавиатуры прибавляет к числу 1.
Необходимо чтобы ваш HTML выглядел так:
Light button // по клику на кнопку запускаем слушатель клавиатуры
//сюда выводим результат числом