Welcome to the JavaScript Learning Projects repository! This repository contains a collection of JavaScript programs that are helping me to learn JavaScript in a practical and hands-on way. Each program focuses on specific concepts and features of JavaScript while providing a fun and interactive learning experience.
A simple web page featuring a ball-shaped element at the centre. This program has the most basic function: to move an element on the viewport. In this case, a ball should stay within the viewport's height and width.
This program prompts the user to input a number between 1 and 99999. After entering the number, a countdown timer starts, displaying the remaining time in seconds. This exercise covers input validation, interval-based operations, and updating the DOM.
This program demonstrates how to change the styling properties of an element, such as colour and shape, using JavaScript. Here, we have used the built-in random function of JavaScript to generate random colours.
There will be a button on the page and clicking on it will show you how many times the user has clicked, and it will also change the colour of the button container.
There will be a ball on the viewport at a random position and whenever the user hovers the mouse pointer over the ball it will change its position randomly.
A simple to-do list, where the user can add, delete and mark as done to a task.
A fully functional calculator.
A single-player ping pong game.
Each program is contained in its own directory, complete with HTML, CSS, and JavaScript files. You can explore and interact with each project individually by opening the HTML files in a web browser. Feel free to examine the code to understand how each program is implemented and experiment with modifications.