DOM-E5015 - Internet Technologies and Techniques, Lecture, 23.11.2021-10.12.2021
This course space end date is set to 10.12.2021 Search Courses: DOM-E5015
Lecture 7
Make sure you know how to use this addEventListener
Watch:
Figure out how we used the event listeners on this todo-list
Check our assignment from the lecture
- Notice in main.js that the addTodo() part is really simple. You have a button on the index.html that calls the addTodo to create the todo
- The complex part is the addEventListener that listens when you click the body element
- Within the eventlistener when clicked the body, it figures out if the target element is <li> and does some style wrangling accordingly
Tasks:
- Stylize the element market as "done" a bit more.
- Make the todos appear like post-it notes. You can for example addClass('postit') into your newTodoItem and stylize it in the css
- Something else? You decide :)
Return the zip
Last modified: Friday, 3 December 2021, 8:30 AM