30 Day Vanilla JS Challenge
-
Updated
Jan 9, 2024 - HTML
30 Day Vanilla JS Challenge
This code is an HTML page with a Q&A section built using JavaScript and CSS. The HTML page includes questions and their answers which are initially hidden. The JavaScript code controls the display of the answers when the user clicks the plus/minus button, toggling the visibility of the answer text.
This repo contains projects I made using HTML, CSS, Bootstrap and JavaScript for 30 days.
Made this Project Using HTML, CSS and JS. It's a Drumkit. You Can Play Sound by Clicking on them via mouse or By Pressing Key.
I created a text area with real-time character count and limit functionality using JavaScript
VanillaJS Array methods exercices part II
This project dynamically generates and displays unique hex codes for 30 divs using JavaScript
"Background image scroll effect" that changes the opacity of the image as the user scrolls down the page.
Created a button with a ripple effect using HTML, CSS, and JavaScript. This adds interactivity to the webpage and uses CSS ::before pseudo-elements and transform to create the ripple circle, while JavaScript calculates the position of the user's mouse and updates the CSS custom properties used for the ripple animation.
This project is a simple webpage that displays random images from the Picsum API inside a container with a shadow effect. A button is provided to load more images to the container. It's a fun and easy way to showcase a variety of random images on a webpage.
The webpage contains a container with a background image and a button that, when clicked, displays a popup window with a blurred background.
This is 30 Days of learning Javascript challenge.
Loop exercices from #30daysofjavascript with VanillaJS
Array methods exercices from #30daysofjavascript with VanillaJS
Classes POO exercices from #30daysofjavascript
JSON exercices from #30DaysOfJavascript
I've created a mini calendar with a simple and minimalist design using HTML, CSS, and JavaScript. This calendar displays the current date, which is dynamically updated using JavaScript's Date object.
Add a description, image, and links to the 30daysofjavascript topic page so that developers can more easily learn about it.
To associate your repository with the 30daysofjavascript topic, visit your repo's landing page and select "manage topics."