https://github.com/kalebjdavenport/simpletodo
Todo app using JS DOM manipulation; Pset 0 from CS50 Mobile
https://github.com/kalebjdavenport/simpletodo
Last synced: 3 months ago
JSON representation
Todo app using JS DOM manipulation; Pset 0 from CS50 Mobile
- Host: GitHub
- URL: https://github.com/kalebjdavenport/simpletodo
- Owner: kalebjdavenport
- Created: 2019-08-26T13:46:12.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-08-26T13:47:05.000Z (over 5 years ago)
- Last Synced: 2025-01-12T19:45:15.641Z (4 months ago)
- Language: JavaScript
- Size: 2.93 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project 0
The goal of this project is to practice JavaScript and its paradigms by creating
a TODO app. This app should be able to add TODOs and track the number of total
TODOs as well as the number of unchecked TODOs.
## Instructions
Inside of [index.html](/index.html), you'll find some starter HTML. You shouldn't
need to edit this file at all. Open this file on your computer into any browser
to run the project. Make sure that [script.js](/script.js) and [styles.css](/styles.css)
are in the same local directory. With the file open in your browser, you should
see a `New TODO` button, which `alert`s when clicked. Your goal will be to get
this button to create new TODOs.
Inside [styles.css](/styles.css), you'll find some pre-written CSS for your
convenience. You shouldn't need to edit this file at all, but feel free to if
desired.
[script.js](/script.js) is where most of your work will be done. There is some
starter code for you in the file. The `classNames` variable can be used to link
any elements you create in js with the associated CSS class names. The next 3
lines of code are the HTML elements that you'll need to update when creating new
TODOs. Lastly, you'll see the `addTodo()` function. This gets executed when
creating a new TODO. You should replace the `alert()` call with logic to create
new TODOs.
Good luck!
## Challenge! (Not Required)
If you finish early and are up for a challenge, try adding delete functionality.
This should be in the form of a button within each TODO that removes that TODO
when clicked.