Нельзя менять index.html и index.css файлы
- По клику на кнопку
Нажми на меня, добавьте новую кнопку сid="magic-btn-2"и с текстом "Я изменю тебя" со стилями:
background-color: #a78b71;( * в js будет backgroundСolor * )
color: white; - Поменяйте стили кнопки
magic-btnпо клику на кнопку "Я изменю тебя" на:- цвет фона на
#9c4a1a; - цвет текста на черный; То есть, другими словами, нужно поменять стили исходной кнопки при нажатии на появившуюся кнопку.
- цвет фона на
В файле index.js:
- Кнопку получить можно через
const btn = document.querySelector('#magic-btn') - Добавить новую кнопку в body можно через
document.body.appendChild(elem); - Поменять стили можно через объект style. Н-р:
elem.style.color = "black" - Для клика можно использовать
btn.addEventListener('click', () => {}). - Кнопка "Я изменю тебя" должна добавляться ТОЛЬКО после клика на кнопку "Нажми на меня!"