Diario De Yasmin: SCRIPTS

EJERCICIO DE SCRIPTS

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()">









La parte en azul, la inferior, es la que hace referencia a la parte azul superior, aquello 

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 mensaje 




emergente








La 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, con 










el mensaje deja de pulsar el 5, ¡¡¡leches ya!!!










Ha sido simplemente una prueba inicial y he intentado hacerla de forma divertida.

Diario De Yasmin

Menú

lunes, 23 de junio de 2014

SCRIPTS

EJERCICIO DE SCRIPTS

No hay comentarios:

Publicar un comentario