Anatomy of a smiley

Click on different parts of the smiley to make their name appear in the first textbox (interaction from the SVG to the HTML). Type a color code in the second textbox and press the button to change the smiley color (interaction between the HTML and the SVG). Click here to see the SVG and view its source code.