Llamar a una función

Pirulaire · #1 (**permalink**) 21/08/2015, 16:19

Empiezo, hay un botón que es algo asi:
<a href="#" onclick="verano()">Botón</a>

Entonces, quiero por ejemplo que al pulsarlo, el fondo se ponga amarillo, y haría algo asi:

<script>
function verano() {
document.getElementsByTagName("body").style.backgr ound = "yellow";
}
</script>

Hasta aquí bien

Ahora... si me ocupa mucho espacio lo que viene siendo los códigos Javascript y quiero almacenarlos en una página por ejemplo: "http://talkawake.do.am/codigo.js" lo llamo asi pero no responde al hacer click:

<script type="text/javascript" src="http://talkawake.do.am/codigo.js"></script>

En CSS, lo llamo asi:
<link href="http://talkawake.do.am/codigo.css" rel="stylesheet" type="text/css">

¿QUÉ ES LO QUE ME FALLA AL LLAMAR EL CODIGO JS?

Saludos

MaNuX0218 · #2 (**permalink**) 21/08/2015, 17:12

Metelo al principio del documento entre <head>URL JS</head>

Saludos.

Pirulaire · #3 (**permalink**) 21/08/2015, 17:34

¿Puedes poner un ejemplo a partir de lo que he puesto?

PHPeros · #4 (**permalink**) 22/08/2015, 04:30

Porque getElementsByTagName es una colección de elementos. Debes especificar su índice (0).

PD: Existe document.body

Corioquix · #5 (**permalink**) 22/08/2015, 20:38

1. Como le indican arriba, existe document.body.
2. Recuerda cargar tu codigo desps que la pagina este cargada, utiliza un window.onload o pon el js al final del html, antes del </body> para que cargue despues de la web este completa !

Suerte !