JavaScript Assignment No. 13

This JavaScript assignment involved building a fully functional TO-DO application using loops and DOM manipulation. I applied `for` loops to render task items, and integrated event handling to add, edit, and delete to-dos dynamically. Through this project, I deepened my understanding of how JavaScript can interact with HTML elements to create responsive, interactive user interfaces.

Task 1. Click to Change Background

Task 2. Toggle Light Mode / Dark Mode

Task 3. Hide Element on Click

Task 4. Counter with Buttons

Task 5. Disable Button After Click

Task 6. Live Character Count

Output:

Task 7. Password Strength Checker

Output:

Task 8. Enter to Submit

Output:

Task 9. Auto Uppercase Input

Output:

Task 10. Detect Forbidden Words

Output:

Task 11. Dropdown Dynamic Update

Task 12. Form Validation on Submit

Output:

Task 13. Show/Hide Password

Task 14. Color Picker Live Preview

Task 15. Checkbox Agreement

Terms and Conditions

Task 16. Use filter() to keep only numbers greater than 10.

Output:

Task 17. Use filter() to remove all falsy values from an array

Output:

Task 18. Use filter() to get strings that include the word "code"

Output:

Task 19. Use filter() to exclude null or undefined values

Output:

Task 20. Use filter() to return products with price less than 100

Output:

Task 21. Use reduce() to sum all numbers in an array

Output:

Task 22. Use reduce() to find the maximum number in an array

Output:

Task 23. Use reduce() to count how many times each element appears

Output: