Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

JS DOM Manipulation #7

Open
eduv2-prod bot opened this issue Mar 20, 2023 · 0 comments
Open

JS DOM Manipulation #7

eduv2-prod bot opened this issue Mar 20, 2023 · 0 comments
Labels
Javascript

Comments

@eduv2-prod
Copy link
Contributor

eduv2-prod bot commented Mar 20, 2023

Task Use Javascript to add interactivity to a web page
Conditions A HTML webpage with JS loaded after the HTML
Standards Use Javascript to do all of the following:
  • Select the <body> element
  • Add a list element as a child of the body
  • Add 2 button as children to the <body> element
  • The first button should add an list item element to the newly created list
  • The second button should remove a list item from the list
  • Make an event that listens for a click on one of the list items and when that event happens something updates (example: the background color updates) using .classList.add and .classList.remove

Notes

  • Please use addEventListener instead of onclick. We will use onclick later in the course.

References
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Javascript
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
0 participants