Archivo Externo javascript

ficha_roja · #1 (**permalink**) 17/01/2010, 04:41

Hola a todos.

Estoy empezando en esto de HTML y Javascript.

Mi idea es utilizar un archivo externo de Javascript en vez de incluir el texto Javascript en el propio documento HTML, me parece más elegante.

Bueno el caso es que no consigo que funcione lo siguiente:

Este es mi archivo lfm.js

function muestraMensaje()
{
alert ('REGLAS DE LA PEÑA');
}
document.getElementById("prueba").onclick=muestraM ensaje;

Y este es mi archivo lfm.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">

<html>
<head>
<script type="text/javascript" src="lfm.js"></script>
<title>NOTARY LEAGUE</title>
</head>

<body>

<input id="prueba" type="button" value="pinchame">
</body>
</html>

Alguien sabe por qué no funciona?? Gracias.

JavierB · #2 (**permalink**) 17/01/2010, 04:44

Hola ficha_roja

Tienes una función JavaScript, pero no la estás llamando desde ningún sitio. Prueba poniendo así el botón:

Código HTML:

Ver original<input id="prueba" type="button" value="pinchame" onclick="muestraMensaje()">

Saludos,

CHuLoSoY · #3 (**permalink**) 17/01/2010, 14:16

esta línea:
document.getElementById("prueba").onclick=muestraM ensaje;

elimínala. El evento se declara en el objeto de formulario, como te dijo JavierB. Lo que puedes hacer con prueba:

Código Javascript:

Ver originalfunction muestraMensaje()
{
document.getElementById("prueba").value="El texto que quieras";
}

Pero no llamar a la función y al evento como hiciste. Saludos.