Question
I have the objects drawn but need help with everything else, I need all of this in one canvas: An HTML canvas object with width
I have the objects drawn but need help with everything else, I need all of this in one canvas: 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
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started