I am working with HTML canvas for what I am doing and I understand how to draw, but a couple requirements elude me.

I understand how to code the html for buttons and lists, but not how to connect them properly to the javascript ( which is the part I need the most help with)

I need An HTML dropdown list with at least five background color choices where the dropdown list is populated from an array of web color name stringsI have to use Javascript to populate the dropdown. I also need to make sure that the background color will change as soon as the dropdown is changed.

An HTML input text field( which I understand how to set up but not the way to connect it to the canvas), An HTML button to display the entered text somewhere on the Canvas, HTML button to clear the Canvas

For Javascript I need to do this, which is the part I'm most concerned about:

I also need to Populate a dropdown list from an array of color names

An event handler each to change the background color, and redraw all Canvas objects , draw user-entered text somewhere on the Canvas, to completely clear the Canvas to the current background color