Js/Jquery Mini-Projects


The below are some basic and advanced Javascript/Jquery mini-projects .

NOTE:
1. Calculator
Beginner
Make a calculator with basic operations like addition, subtraction, multiplication, division, percentage and clear all.

Advanced
Make a scientific Calculator with Logarithmic and Trigonometric Operations.

▶ Demo

0
2. Unit Converter
Beginner
Select any one unit of Measurement like length. Allow user to choose the input unit (example "cm") and the output unit (example "inch"). Take the value from user and show the output.

Advanced
Allow user to Select from a list of unit measurements like temperature, length, energy, time, mass etc.

▶ Demo

UNIT CONVERTER
Length
Millimeter(mm):

Centimeter(cm):

Meter(m):

Kilometer(km):

Mile(mile):

Yards(yd):

Inch(in):

Feet(ft):
Temperature
Celsius(°C):

Kelvin(K):

Fahrenheit(°F):
Weight
Grams(g):

Kilograms(kg):

Pounds(lb):

Ounce(oz):

Stones(st):
Speed
MPH(m/hr):

KMPH(km/hr):

Knots(knots):

Mach(mach):
3. Analog & Digital Clock
Beginner
Create a Digital Clock with javascript.

Advanced
Create a Analog Clock with javascript.

▶ Demo

DIGITAL
Sun Mon Tue Wed Thu Fri Sat


ANALOG
4. Color Picker
Beginner
Adjust the RGB values to get the desired color.Display the Hex value and RGB value.

Advanced
Create a button which on clicking will copy the color code.

▶ Demo

rgb(0, 0, 0)
#000000
5. Stop Watch
Beginner
Create stopwatch with three basic functions: Start,Stop and Reset.

▶ Demo

00:00:00