Build a color picker app

JavaScript
1

const { useState } = React;

export const ColorPicker = () => {

const[color , setColor] = useState(‘#ffffff’)

function handlePickColor(e){

console.log(e.target.value);

setColor(e.target.value);

}

return(

<div id="color-picker-container" style = {{backgroundColor : color}}>



<input

id="color-input"

value= {color}

color = {color}

type = "color"

onChange = {handlePickColor} />

</div>

)

}; this is my code but this is keep failing test 13 and test 13 is The initial value of your #color-input should be managed by your useState hook. where i am doing wrong

2

Please share the full code and a link to the lesson

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.