Mostrar Mensajes
<!Doctype html>
<html>
<head>
</head>
<script type="text/javascript">
function fondocolor(color) {document.bgColor = color;}
</script>
<body>
<DIV id="texto"><h2>FONDO</h2></DIV>
<FORM>
<INPUT TYPE="button" VALUE="Rojo" onClick="fondocolor('RED')">
<INPUT TYPE="button" VALUE="Azul" onClick="fondocolor('BLUE')">
<INPUT TYPE="button" VALUE="naranja" onClick="fondocolor('ORANGE')">
<INPUT TYPE="button" VALUE="Verde" onClick="fondocolor('GREEN')">
<INPUT TYPE="button" VALUE="Negro" onClick="fondocolor('BLACK')">
<INPUT TYPE="button" VALUE="Gris" onClick="fondocolor('GRAY')">
<INPUT TYPE="button" VALUE="amarillo" onClick="fondocolor('YELLOW')">
<INPUT TYPE="button" VALUE="blanco" onClick="fondocolor('WHITE')">
</br>
</br>
<DIV id="texto"><h2>TEXTO</h2></DIV>
<INPUT TYPE="button" VALUE="Rojo" onClick="getElementById('texto').style.color='red'">
<INPUT TYPE="button" VALUE="Azul" onClick="getElementById('texto').style.color='blue'">
<INPUT TYPE="button" VALUE="naranja" onClick="getElementById('texto').style.color='orange'">
<INPUT TYPE="button" VALUE="Verde" onClick="getElementById('texto').style.color='green'">
<INPUT TYPE="button" VALUE="Negro" onClick="getElementById('texto').style.color='black'">
<INPUT TYPE="button" VALUE="Gris" onClick="getElementById('texto').style.color='grey'">
<INPUT TYPE="button" VALUE="amarillo" onClick="getElementById('texto').style.color='yellow'">
<INPUT TYPE="button" VALUE="blanco" onClick="getElementById('texto').style.color='white'">
</FORM>
</body>
</html>
El problema es que cuando yo pulso uno de los botones de abajo, las palabras "FONDO" y "TEXTO" deberían de cambiar al color que especifica el botón. Pero solo lo hace "FONDO". ¿Por qué? ¿Como lo arreglo?
Gracias por leer!
