A fun widget to learn more about:
- dynamically adding elements to the DOM,
- and filtering data.
If the basics are working you can add an option to add & filter on different shapes as well - circles & triangles are support in the style sheet as well.
You can see it online at: https://codex-academy.github.io/color-quest/
You need to change the widget to be able to:
- add a square with the selected color & number,
- if no number or color is selected nothing should be added (display message),
- a color & number combination is unique - it can only be added once,
- filter for a selected color or number,
- or filter for a selected color & number.
Be sure to test your application logic.