- In addition to building a list item and adding it to the DOM (as we are now), also store each movie in an array.
- Add a delete button to each list item that removes it from the list.
- Remove the flick from the array as well.
- Add a favorite button to each flick as well that lets you mark your favorites.
- Display favorites differently.
- Be sure the favorties are recorded appropriately in the array.
- Give the funtion
changeHeading
a more accurate name. - Add a second field to the form.
- Display the value of that field in the list.
- Display the second field in a separate HTML element than the flick name. For example:
<li>
<span class="flickName">Jurassic World</span>
<span class="year">2015</span>
</li>
- See if you can then style it differently.
- Use more than one funciton (Break
changeHeading
into multiple functions).
- Make the button change the text of the heading (the
<h1>
).
Add multiple heading to the page, and make the button change the second one. (Use a class
or and id
).
- Add a form to the page.
- Add a text input to the form.
- When the form is sumitted, update the heading with the text that you type in the text input.
- Make sure it works when you press enter on the keyboard, not just when you click the button.