JavaScript Projects

• All projects are linked with index.html, find this file in the main folder.

Project 01 - Background Color Change

• Dynamically change background on click.
• By switch button we can shift Background color by color name or by color code.
• we are also generating color code here.

Project 02 - Number Increase and Decrease

Part 1

• Automatically increase and decrease number on click.
• setInterval() is mostly used in this program.

Part 2

• Increase and decrease number each time you click.
• Used forEach() and target the button on clicking.

Project 03 - Testimonial

Part 1

• We created local data in JavaScript file by using array and object.
• On clicking button data is changing accordingly.

Part 2

• In this project we added static data in HTML file and manipulating it in JavaScript as a slider.
• Functionalities are same as "Project 03 - Testimonial - Part 1"

Project 04 - To Do List

• Add items
• Select and deselect items
• Delete items
• Automatically save in localstorage

Project 05 - Random Password Generator

• Random Password Generating with small and capital alphabets, numbers and symbols
• Copy password on one click

Project 06 - Age Calculator

• Here we can calculate age

Project 07 - Hide and Show Password

• change input type by clicking on eye button
• check password strength (weak, medium and strong)
• password strength bar also added

Project 08 - Carousel Slider

• non-stop slider

Project 09 - Multi Item Slider

• responsive milti item slider
• bootstrap 5 is used in this

Project 10 - Typing Animation

• Adding each character of word one by one
• Then deleting each character of work one by one
• This is infinite loop

Project 11 - Form Validation

Part 1

• All Validation will come one by one as a alert box.

Project 12 - Navigation Controller

• clicking on any anchor tag from the nav, you reach on the related section from the same page.
• as you go on different sections, nav anchor will active accordingly.