Advertisements
Color Picker
<!DOCTYPE html> <html> <head> <title>Color Picker</title> <style> #colorInput { width: 100px; height: 100px; } </style> </head> <body> <h1>Color Picker</h1> <input type="color" id="colorInput"><br><br> <div id="colorDisplay" style="width: 100px; height: 100px;"></div> <script> const colorInput = document.querySelector("#colorInput"); const colorDisplay = document.querySelector("#colorDisplay"); colorInput.addEventListener("input", function() { colorDisplay.style.backgroundColor = colorInput.value; }); </script> </body> </html>
Download Link
Advertisements
0 Comments