A compact collection of six beginner-friendly JavaScript projects with a single index to open each one. The included index.html provides a JavaScript-themed landing page with quick links that open each project's index.html.
- 01 Color Changer
- 02 BMI Calculator
- 03 Digital Clock
- 04 Guess The Number
- 05 Background Color Flicker
- 06 Keyboard Check
- Open
index.htmlin your browser. - Click a project card to open its page in a new tab.
Feel free to update styles, improve accessibility, or add small descriptions for each project.
Made with JavaScript enthusiasm ✨
- 01 Color Changer — A tiny interactive demo that changes the page background color when you click buttons. Great for learning DOM event handlers, style manipulation, and simple UI updates.
- 02 BMI Calculator — A small form-based calculator that converts user inputs (weight and height) into a BMI value and displays a result with basic validation. Shows how to read form values and perform simple calculations in JavaScript.
- 03 Digital Clock — A real-time clock that updates every second using
setInterval. Useful for learning about timers, date/time formatting, and DOM updates. - 04 Guess The Number — A game where the app picks a random number and the user guesses with feedback (too high / too low / correct). Demonstrates randomness, control flow, and user feedback patterns.
- 05 Background Color Flicker — A playful page that rapidly changes background colors for a visual effect. Teaches color generation and animation timing in JavaScript.
- 06 Keyboard Check — A small utility that detects keyboard key presses and shows which key was pressed. Good for learning keyboard events and mapping key codes or values.
These projects are simple learning examples. Feel free to reuse, remix, or expand them — contributions welcome.