Git Product home page Git Product logo

js_ws_beginner_homework_todo_list's Introduction

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

js_ws_beginner_homework_todo_list's People

Contributors

rolandpakai avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.