First JavaScript Web App: Save Color

[x] Add a new button "Save Color"
[x] Add a main section that will contain the list of colors
[x] Add an click event listener for the save button and implement a function that
- [x] creates a new list element that contains the (last generated) hex value as text
- [x] The list element should have the background color of the color it represents
- You can as well use a child element or pseudo element to show the color
- [x] Append the new list item to the list of colors

Hints

<main>
  <ul id="colors"></ul>
</main>

const colorValueEl = document.querySelector("#colorValue");
const color = colorValueEl.innerText;

const newColor = document.createElement("li");
// TODO: set necessary properties
colorList.appendChild(newColor);

Example Solution and Comparison

glissario / bootcamp-schedule