Intenté crear un menú desplegable que cambia el color de fondo de la página, pero no funciona. ¿alguna sugerencia?
<body> <select name="colors" onechange="changeColors(this)"> <option value="blue">Blue</option> <option value="#868B8E">Grey</option> <option value="#FFC55C">Orange</option> </select> <script src="images8.js"></script> </body>el js
function changeColor(event) { var color = event.value; document.getElementsByTagName('BODY')[0].style.backgroundColor=color; }Su código funciona bien cuando se corrigen los errores tipográficos:
onechange -> onchange
changeColors(this) -> changeColor(this)
Ver fragmento de trabajo
Es posible que desee agregar un evento de carga para comenzar con el color predeterminado.
function changeColor(event) { var color = event.value; document.getElementsByTagName('BODY')[0].style.backgroundColor=color; } <select name="colors" onchange="changeColor(this)"> <option value="blue">Blue</option> <option value="#868B8E">Grey</option> <option value="#FFC55C">Orange</option> </select>Tienes algunos errores tipográficos en tu código:
La llamada a la función es "cambiar colores", pero el nombre de la función es "cambiar color".
Además, el nombre correcto del evento es "onchange", no "onechange"