https://github.com/alizayayesha/change-background-color-with-input-type-color

Background Color Changer With Input Color selection Using Jquery
https://github.com/alizayayesha/change-background-color-with-input-type-color

css3 html5 javascript jquery jquery-ajax js

Last synced: about 2 months ago
JSON representation

Background Color Changer With Input Color selection Using Jquery

• Host: GitHub
• URL: https://github.com/alizayayesha/change-background-color-with-input-type-color
• Owner: AlizayAyesha
• License: mit
• Created: 2024-07-08T17:30:08.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-09T07:55:34.000Z (6 months ago)
• Last Synced: 2024-07-09T22:38:41.938Z (6 months ago)
• Topics: css3, html5, javascript, jquery, jquery-ajax, js
• Language: CSS
• Homepage: https://alizayayesha.github.io/Change-Background-Color-With-Input-Type-Color/
• Size: 4.88 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Change-Background-Color-With-Input-Type-Color

This project demonstrates how to dynamically change the background color of an element using the HTML  and jQuery.


## Features:

Interactive Color Selection: Users can pick a color using the color picker input ().


### Immediate Update: 

The background color of a specified element updates instantly as the color selection changes.


### Simple jQuery Implementation:

Utilizes jQuery to handle events and manipulate CSS properties for seamless color updates.


## How It Works:

The  element triggers a change event whenever a new color is selected.


jQuery listens for this change event and updates the background color of a specified element (body, div, etc.) using the selected color.


## Usage:

Clone or download the repository.


Open index.html in a web browser.


Use the color picker to select a color. 


Observe the background color of the specified element change dynamically.


### Technologies Used:

- HTML5

- CSS3

- jQuery

## Result

![image](https://github.com/AlizayAyesha/Change-Background-Color-With-Input-Type-Color/assets/68489612/95c8f17b-07c8-4e5d-96e2-c88904cc64a2)

## License:

This project is licensed under the MIT License - see the LICENSE file for details.