DOM Manipulation
Project information
- Course: Web Programming
- Project date: Fall 2022
- Programming Language/Frameworks:: HTML, CSS, JavaScript
- Project URL: Github
For this particular assignment, I received an HTML file, a CSS file, and a JavaScript file template. The objective of the task was
to develop an event listener that would trigger a callback function when a button was clicked. The top section of the HTML file
contained 'am' and 'pm' buttons that would display different words when clicked. The middle section had four buttons that would change
the background color of a div.
The bottom section involved taking user input from an input field and adding it to a dynamic list. To complete the task, I created
variables and an event listener using query selectors and the IDs of elements. The event listener was designed to invoke a callback
function that would obtain user input from the input box and create a list item node. This newly created item would then be appended
to the list and displayed on the page in an unordered list format.