This repository contains a series of small projects using HTML, CSS, and JavaScript.
Here's a short description of each project and the core concepts that are applied:
- Simple Color Flipper - Four buttons change the background color using a simple JS script
- Random Quote Generator - From an array of quotes, a new quote is generated by clicking a button and added to the screen.
- Stopwatch - using SetInterval(), a stopwatch counts the minutes, seconds, and hours. A reset restarts the count, while a "stop" button pauses the stopwatch.
- Palindrome Checker - The value of an input field is evaluated. If it is a palindrome, an Alert message shows up stating "String is a palindrome".
- Todo List - Values of an input box are added to the DOM, along with a delete button to delete the item.
- Hex and Simple Color Picker - The user can choose between adding a hex color or "simple" color. A box shows the displayed color name and the background color is added. A JS file generates a random hex value.
- A counter value is generated dynamically and displayed when clicking a "decrease" or "increase" button. Depending on whether the value is positive or negative, the color value changes.
- A JS script calculates the current day of the week and the current time. Flexbox is used to style the page.
- An HTML page that automatically inserts a new HTML object with an image from Lorem Picsum when a button is clicked. Uses event listeners, functions, and DOM manipulation.
- A Spam Filter that combines multiple regular expressions - The JS file is extensively commented to explain how different JS functions and regex work.