First JavaScript Web App: Toggle Background Color

[codingbootcampseu]

• [x] Add a button to the header
• [x] Add an event listener for the click event to your button
  • [x] Use the button to toggle the background color of the header between a color of your choice and the default color

Hints

Change background color

const color = "hotpink";
const header = document.querySelector("header");
header.style.backgroundColor = color;

Get current background color of element

const header = document.querySelector("header");
const currentBackgroundColor = header.style.backgroundColor.toLowerCase();

Example Solution and Comparison

• Example solution for this task
• Comparison to previous task