how to get value of type="color" input using javascript

Question

I used this above html code for my project..but i don't know how to get value of above input using javascript ``` ``` can someone help me ? Thanks

Accepted Answer

To simply get the value

```
document.getElementById("favcolor").value;
```

You can add an event listener if you want to get the color when the selection changes. You’d do something like this:

```
var theInput = document.getElementById("favcolor");

theInput.addEventListener("input", function(){
  var theColor = theInput.value;
  
  // Do something with `theColor` here.
}, false);
```

```
<input id="favcolor" type="color"/>
```

Here’s a working JSFiddle.

Solution