Javascript colour picker/changer

KonFusion

So I've got a <canvas> element that I need the user to be able to change the colour of on the fly using some sort of slider or anything else, just the user has to be able to select the colour, so I can't just have it change randomly onclick.

Any ideas on the best way to approach this?

Or put another way:

Help me make this work http://codepen.io/Shane24/pen/cEGsb

I have this red box, I need to be able to change the colour of the box on the fly. Any tips?


Edit: Found something that I can probably rework, but any help/suggestions still appreciated

Further edit: Got it working! http://codepen.io/Shane24/pen/dGcHs

Giblet

Seeing as you are using canvas, this might get you some mileage.

<input type="color"></input>

KonFusion

Here's what I've got so far

http://codepen.io/Shane24/pen/cEGsb

So how the frick do I get those numbers in the input boxes (that you can change via the sliders) into a variable?

Giblet

The slide event sets the textbox, but it can also set other things.

Also, an onchange event could set a variable too.

KonFusion

Got it working

http://codepen.io/Shane24/pen/dGcHs

I was executing code before the html was parsed, among other silly things.

Now for some much needed sleepzzzzzzzzzzzzzz.......