I have the objects drawn but need help with everything else:

An HTML canvas object with width and height attributes (Note: set using HTML attributes and not CSS)

A link to an external JavaScript file

A link to an external CSS file

An HTML dropdown list with at least five background color choices where the dropdown list is populated from an array of web color name strings. You MUST use JavaScript and an array to populate this dropdown. Note: The background color will change as soon as the dropdown is changed.

An HTML input text field

An HTML button to display the entered text somewhere on the Canvas

An HTML button to clear the Canvas

Required JavaScript functionality

Include appropriate JavaScript single line and multi-line comments. You may also comment your HTML and CSS

Populate a dropdown list from an array of color names (see HTML Color Names (Links to an external site.)Links to an external site.)

An event handler to change the background color, and redraw all Canvas objects

An event handler to draw user-entered text somewhere on the Canvas

An event handler to completely clear the Canvas to the current background color

Draw some kind of a vehicle (e.g. car, truck)

Draw some kind of a sky element (e.g. sun, moon, stars, clouds)

Draw at least one flower

Draw at least one image

Declare at least one ES6 class definition

Use at least one ES6 class definition to draw your Canvas objects

Use at least one for or while loop to draw your Canvas objects