Part 3 – DOM Manipulation with jQuery
Learn how to dynamically create, remove, and modify HTML elements and attributes using
.append(), .remove(), and .val().
Task 5 – Add & Remove Elements
- Create a list with “Add Item” and “Remove Item” buttons.
- Use
.append(),.prepend(),.remove().
- 🍝 Pasta
- 🥩 Steak
Task 6 – Modifying Attributes
- Change an image’s
srcattribute. - Change a link’s
hrefdynamically.
Task 7 – Form Interaction
- Display Name and Email live below the form using
.val()and.text().
Live Preview:
Name:
Email: