Canvas program related

[Sharankongetira]

canvas =document.getElementById("canvas");
ctx = canvas.getContext("2d")
ctx.lineWidth = 6;
ctx.strokeStyle = "#333";(here)
ctx.beginPath();
ctx.moveTo(100, 250);
ctx.bezierCurveTo(150, 100, 350, 100, 400, 250);
ctx.stroke()

In this above program I need to use color input for the stroke style, that is, if user changes the color in
web page, the curve with selected color should be drawn..can anyone help.

[dev7060]

canvas =document.getElementById("canvas");
ctx = canvas.getContext("2d")
ctx.lineWidth = 6;
ctx.strokeStyle = "#333";(here)
ctx.beginPath();
ctx.moveTo(100, 250);
ctx.bezierCurveTo(150, 100, 350, 100, 400, 250);
ctx.stroke()

In this above program I need to use color input for the stroke style, that is, if user changes the color in
web page, the curve with selected color should be drawn..can anyone help.

HTML

<input type="color" onchange="changeColor(this)">

JS

function changeColor(obj) {
	ctx.strokeStyle = obj.value;
    ctx.stroke();  
}