Come up with a solution using CSS, JavaScript, and HTML

Using the appropriate means, dynamically populate an HTML select element with values from 0 to 255. Do not write HTML with values from 0 to 255, it must be done dynamically. The id of the target select element will be passed into the function as a parameter when you dynamically build it. The select elements cannot have any values hard-coded. When the DOMContentLoaded event is triggered, populate all three select elements, one at a time.

The HTML needs to have a div, that is rendered like a circle with no background color. There will be 3 different elements on your HTML page. ( See the previous paragraph). One select element for all the different colors of red. One for all the different colors of green. Lastly, one for all the different colors of blue. The values of each of them will set with your function that generates their values.

Have a button, once clicked will change the background color of the circle to take the red/green/blue values.

Have another button, to clear the select elements back to their defaults and clear the circle's background color back to white. Do not simply reload the page. You can use native JavaScript or jQuery in your solution.

Please explain your answer

HTML , CSS, JAVASCRIPT/ JQUERY

WEB DEVELOPMENT

The question has been answered previously with an incorrect unrelated answer. Please use the technologies mentioned above .