Planning and scheduling time to work on this assignment was a failure on my part this week so when it came to actually working with the CSS and HTML portion later on I realized that I was over my head for the time remaining. This being so I scaled back to a basic functionality project.
Here is a screenshot of the final piece:
The piece ended up having two main DOM elements. The first being the checkbox on the left hand portion. This checkbox was used in the previous homework involving this graphic as well. The other was the button to invert the graphic on the right side. Full functionality of this button was not achieved.
Overall, I need to spend more time going over the DOM and the proper syntax for CSS and HTML. My time management skills were lacking on this project and it showed in the final product. It is easy to see the power of the DOM and all its elements and that it is something I am going to need to work on to understand better.
Here is a link to the final piece to try for yourself: link.