Coding From color scheme to color picker (html/javascript)

[_Oplex_]

With the web app that i have here, the user needs to hand select the color's. And i have a limit of the colors that are usable. i want to have a color-picker that the user can use to select the drawing color. but i dont get it to work.

what i have right now:
https://projectmediavormgeving.github.io/Files/Samir/paint.html (you need to enable scripts to let it work.)

what i want:

 

[Max ♠]

<input type="color" onchange="var color = this.value">

The chosen color is stored in the variable color

 

[_Oplex_]

<input type="color" onchange="var color = this.value">

The chosen color is stored in the variable color

i have my script and html separated from each other, So now i get "Unused local variable color"

 

[Max ♠]

i have my script and html separated from each other, So now i get "Unused local variable color"

Create a global variable called color at the start of the document,

Change the HTML from before to

<input type="color" onchange="color = this.value">

Also, having the js and html seperated wasn't the problem, the variable where the value was stored was a local variable so you could only interact with it inside the onchange of the input tag. Method above should work

 

[_Oplex_]

Create a global variable called color at the start of the document,

Change the HTML from before to

<input type="color" onchange="color = this.value">

Also, having the js and html seperated wasn't the problem, the variable where the value was stored was a local variable so you could only interact with it inside the onchange of the input tag. Method above should work