[x] Brainstorm mini project to cover the JS hacks presented on teacher site
[x] JS API: Utilize external API to print motivational quotes at the top of the page.
[x] JS Input: Utilized input boxes and adding new elements onto the document.
[x] Do something extra, have the program detect whenever a new table row is completed, then add on a new row with comment boxes. Scan the new row for completion
[x] JS Output using jQuery: Implement a dataTable embed using jQuery, allow for column sorting, multiple pages, and searching
[x] JS Storage using localStorage: Use the localStorage feature in modern browsers to store persistent user data for the user
[x] Auto-generate the existing user data from JSON stored in localStorage
Project would simulate the old CSP project we created last year. Just more lightweight and implemented into the blog
[x] Record video timelapse showing collaboration on project
[x] Utilizing technology such as live share to facilitate group collaboration and peer programming
[x] Stylize the todo list using CSS
Bugs
[x] localStorage would not properly store user data
fixed, bad semicolon.
[x] Bad starting index for table
fixed, stored index_count in localStorage
[x] jQuery dataTable would not render properly, adds additional "No data in table" row in table even when data is present
Table structure was bad, new rows were being added to <thead> element instead of <tbody>. Locating this element fixed the issue.
[x] Todo list would not render properly on Github pages, Jekyll rendering is bad
The todo list had JS comments in the code which commented out the rest of the program. Comment was removed in order for program to work as everything in the script tag was interpreted as one line
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Todo
localStorage
feature in modern browsers to store persistent user data for the userBugs
localStorage
would not properly store user dataindex_count
inlocalStorage
dataTable
would not render properly, adds additional "No data in table" row in table even when data is present<thead>
element instead of<tbody>
. Locating this element fixed the issue.