FREE Trial

Extend the example from the code below to use the dropdown to have the user select their

Fantastic news! We've Found the answer you've been seeking!

Question:

Extend the example from the code below to use the dropdown to have the user select their favorite. When the season is selected change the background color, add an image and have it change and text and have it change to match the selected season.


image
Transcribed Image Text:

<html> <head> <style> </style> </head> <body> <form> Select your favorite season to change the website theme: <select id="background" onchange="updateBackgroundColor(this)"> <option value="#ffffff">Spring</option> <option value="#cc0000">Summer</option> <option value="#00cc00">Autumn</option> <option value="#0000cc">Winter</option> </select> </form> <script> // Extend the example to use the dropdown to // have the user select their favorite. When the season is selected change // the background color, add and image and have it change and text and have // it change to match the selected season. function updateBackgroundColor(selectElem) { var i = selectElem.selectedIndex; if (i < 0) { return; } document.body.style.backgroundColor = selectElem.options[i].value; } </script> </body> </html> <html> <head> <style> </style> </head> <body> <form> Select your favorite season to change the website theme: <select id="background" onchange="updateBackgroundColor(this)"> <option value="#ffffff">Spring</option> <option value="#cc0000">Summer</option> <option value="#00cc00">Autumn</option> <option value="#0000cc">Winter</option> </select> </form> <script> // Extend the example to use the dropdown to // have the user select their favorite. When the season is selected change // the background color, add and image and have it change and text and have // it change to match the selected season. function updateBackgroundColor(selectElem) { var i = selectElem.selectedIndex; if (i < 0) { return; } document.body.style.backgroundColor = selectElem.options[i].value; } </script> </body> </html>

Expert Answer:

Answer rating: 100% (QA)

The implementation of the above approach is in the explanation below Stepb... View the full answer


answer-question
Related Book For  answer-question
Systems analysis and design

Systems analysis and design

ISBN: 978-0136089162

8th Edition

Authors: kenneth e. kendall, julie e. kendall

See More Books
Posted Date:

Students also viewed these programming questions

Implement Oracle Business Intelligence A Practical Guide That Teaches How To Dig Intelligence From The Data Mine To Take Informed Decisions Using Oracle Biee Volume I 1st Edition - ISBN: 1475122012 - Free Book