JAVASCRIPT Code Color Picker Simple One Line

Very very Simple Easy Color Picker for Javascript, Basically One line of HTML Code and 4 Lines Javascript Code for Full Fledged Color Picker Javascript

To display the color picker on the web page requires on simple line of html code:

<input type="color" id="colorPicker" value="#00f">

The value property is the default starting color which you can change to anything you wish

To process the color selected in Javascript requires the monitoring of the onchange event.

const colorPicker = document.querySelector("#colorPicker"); // create a global variable which will store the starting // colorof the color picker which in this case is nex #00f var GLOB_linkcolor = colorPicker.value; colorPicker.onchange =()=> { // the value should default to a hexidecimal number GLOB_linkcolor = colorPicker.value; }

To use a color picker on your web application does not require dependancies or libraries or anything else, just a few simple lines of Javascript code.