Skip to content

GaborKomaromi/js_ws_beginner_homework_todo_list

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo List app in HTML, CSS & JavaScript

Steps

  1. Get the form, input and the tasks elements with the querySelector
  2. Created event listener to the submit event of the form
  3. Get the value of the input
  4. Create the task div element
  5. Create the content div element
  6. Append the content to the task
  7. Create the text input element
  8. Set the task value for the input
  9. Append the input to the content div
  10. Create the actions div element
  11. Create the Edit button element
  12. Create the Delete button element
  13. Append the buttons to the actions div
  14. Append the actions div to the task div element
  15. Append the task div to the tasks element
  16. Create event listener to the Edit button
  17. Create event listener to the Delete button

Todo List

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 69.3%
  • HTML 30.7%