Para empezar, hemos cogido un html de un script ya hecho, en este caso, de un botón que pone púlsame y, al hacerle click, sale un mensaje que pone hola mundo.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!---
function HolaMundo() {
alert("¡Hola, mundo!");
}
// --->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" NAME="Boton" VALUE="Pulsame" onClick="HolaMundo()">
</FORM>
</BODY>
</HTML>
Vamos a explicar un poco cómo funciona:
<!--- function HolaMundo() { alert("¡Hola, mundo!"); } // ---> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" NAME="Boton" VALUE="Pulsame" onClick="HolaMundo()">
que indicará al navegador que, al hacer click, debe ir a la parte del código (la primera)
con el mismo nombre (hola mundo) y ésta le indicará qué hacer, en este caso, que
aparezca el mensajeemergenteLa zona verde indica qué mensaje y la azul hace referencia al botón, así como
su contenido (pulsame)Y estas son las modificaciones que he hecho:<!DOCTYPE html> <html lang="es"> <HEAD> <meta name= "Description" content="descripción de la página"> <meta charset="utf-8" /> <SCRIPT LANGUAGE="JavaScript"> <!--- function HolaMundo() { alert("Qué rebelde..."); } // ---> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" NAME="Boton" VALUE="No pulsar" onClick="HolaMundo()"> <p> </p> <SCRIPT LANGUAGE="JavaScript"> <!--- function Mensaje() { alert("Abascal Mariscal"); } // ---> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" NAME="Boton" VALUE="Melani" onClick="Mensaje()"> <p></p> <SCRIPT LANGUAGE="JavaScript"> <!--- function HolaMundo() { alert("Deja de pulsar el 5, ¡¡¡leches ya!!!"); } // ---> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" NAME="Boton" VALUE="5" onClick="HolaMundo()"> </FORM> </BODY> </HTML>He elaborado un código para tener 3 botones con 3 mensajes diferentes cada uno.El botón No pulsar, tendría el mensaje qué rebelde..., el que tiene mi nombre,
el mensaje de mis apellidos y, el botón del 5, conel mensaje deja de pulsar el 5, ¡¡¡leches ya!!!Ha sido simplemente una prueba inicial y he intentado hacerla de forma divertida.
No hay comentarios:
Publicar un comentario