Skip to content

🌈 Interactive Webpage with Dynamic Background: A beginner-friendly project showcasing DOM manipulation in JavaScript. Click a button, change the background color! Perfect for learners diving into the basics of web development

License

Notifications You must be signed in to change notification settings

codersgyan/background-color-changer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌈 Day 1 Challenge - Dynamic Background Color

Level: πŸ‘ΆπŸ½ Beginner

πŸ“‹ Overview

This project is a simple, yet interactive webpage designed for beginners in web development. The core functionality of the page is a button that, when clicked, changes the background color of the page. This project demonstrates basic skills in HTML and JavaScript, particularly in manipulating the DOM.

πŸ›  Technologies Used

  • HTML
  • JavaScript

✨ Features

  • A button that, when clicked, changes the background color of the page.
  • Use of JavaScript to manipulate the DOM and change CSS properties.

πŸš€ How to Run the Project

  1. Clone the repository to your local machine.
  2. Open the index.html file in any web browser to view the project.

🌐 Live Demo

You can view the live demo of this project here

πŸ“Έ How it looks?

Check out this quick demo!

Screenshot of the Project

πŸ’‘ Feedback and Contact

Love this project? Share your thoughts and suggestions! Reach out to me on LinkedIn or leave a star on GitHub.

🌟 Future Enhancements

  • Implement a color picker to allow users to select the color to which the background will change.
  • Add animations to the color transition for a smoother user experience.

πŸ‘₯ Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.


Project challenge was given by Coder's Gyan Discord community.

About

🌈 Interactive Webpage with Dynamic Background: A beginner-friendly project showcasing DOM manipulation in JavaScript. Click a button, change the background color! Perfect for learners diving into the basics of web development

Topics

Resources

License

Stars

Watchers

Forks