Skip to content

A hands-on collection of JavaScript projects designed to practice and strengthen core concepts like objects, functions, classes, promises, DOM manipulation, and more.

Notifications You must be signed in to change notification settings

saharansameer/JavaScript-Basics

Repository files navigation

JavaScript Projects

This repository contains seven different JavaScript projects. Each project is designed to demonstrate fundamental JavaScript concepts and provide interactive functionality. Below is a brief description of each project.

1. Background Color Changer

This project allows users to change the background color of the webpage. You are given five color options to choose from: White, Blue, Yellow, Grey, and Purple.

Features:

  • Simple UI with buttons for each color.
  • Instant color change on button click.

2. BMI Calculator

The BMI Calculator helps users determine their Body Mass Index (BMI). You need to input your height (in cm) and weight (in kg), and the app will calculate your BMI. It will also provide feedback on whether you are underweight, normal weight, or overweight.

Features:

  • Input fields for height and weight.
  • Real-time BMI calculation.
  • Health status based on BMI.

3. Digital Clock

This project displays the current local time and date in a digital format.

Features:

  • Real-time clock that updates every second.
  • Displays both time and date.

4. Guess The Number

"Guess The Number" is a fun game where the player has to guess a number randomly selected by the computer. You have 10 chances to guess the correct number with hints provided after each guess. If you run out of chances, the correct number will be revealed.

Features:

  • Random number generation.
  • Hint system after each guess.
  • Limited attempts (10 chances).

5. Keyboard Keycheck

This project helps users check whether the keys on their keyboard are working properly. When a key is pressed, the project will display the key's name and its corresponding code.

Features:

  • Real-time display of key name and code on key press.
  • Useful for testing keyboard functionality.

6. Unlimited Colors

In this project, the background color of the webpage will change every second after clicking the start button. Clicking the stop button will freeze the background at the current color.

Features:

  • Automatic background color change every second.
  • Start and stop controls for the color change.

7. Basic Todo

A simple Todo app that allows users to add tasks, mark them as done, and delete them.

Features:

  • Add new todos.
  • Mark todos as completed.
  • Delete todos from the list.

Extra Info:

About

A hands-on collection of JavaScript projects designed to practice and strengthen core concepts like objects, functions, classes, promises, DOM manipulation, and more.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published