EJERCICIOS/EJEMPLOS DE JAVASCRIPT 1.- Este cdigo permite colocar un texto en la lnea de estado del navegador de forma que se rellene letra a letra. var textomsg = "Cursos Multimedia LuisBonilla.com" var str = "" var msg = "" var leftmsg = "" function setMessage() { if (msg == "") { str = " " msg = textomsg leftmsg = "" } if (str.length == 1) { while (msg.substring(0, 1) == " ") { leftmsg = leftmsg + str str = msg.substring(0, 1) msg = msg.substring(1, msg.length) } leftmsg = leftmsg + str str = msg.substring(0, 1) msg = msg.substring(1, msg.length) for (var ii = 0; ii < 120; ii++) {str = " " + str} } else { str = str.substring(10, str.length) } window.status = leftmsg + str retardo = window.setTimeout('setMessage()',10) } Fijemonos como el texto forma letra a letra el contenido de la barra de estado

2.- Este script pone la hora en la barra de estado, function peluco() { var ahora= new Date(); var hora = ahora.getHours(); var minus = ahora.getMinutes(); var segs = ahora.getSeconds(); var ampm; if (hora > 11) { var ampm = "pm"; } else { var ampm = "am"; } if (segs < 10) { var segs = "0" + segs; } if (minus < 10) { var minus = "0" + minus; } window.status= hora + ":" + minus +":" + segs +" " + ampm; setTimeout("peluco();",500); } Observamos la linea de estado como aparece la hora del sistema

3.- El mismo reloj en la barra de estado, igual que el ejercicio anterior pero indicando si es da, tarde o noche. function peluco() { var te=" "; var ahora= new Date(); var hora = ahora.getHours(); var minus = ahora.getMinutes(); var segs = ahora.getSeconds(); var ampm; if (hora > 11) { var ampm = "pm"; } else { var ampm = "am"; } if (segs < 10) { var segs = "0" + segs; } if (minus < 10) { var minus = "0" + minus; } if (hora>6 && hora12 && hora21 || hora

4.- Pide un nombre y despus lo muestra como contenido en la web. var nombre = prompt ("Introduce tu Nombre","Nombre"); document.write(""+""); document.write("Saludos, " + nombre + " estas en el curso JavaScript de LuisBonilla.com");

5.- Localiza el da de una fecha determinada, SELECCIONA DE LAS LISTAS LA FECHA DE LA QUE QUIERES SABER EL DIA DE LA SEMANA Dia = 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Mes = Enero Febrero Marzo Abril Mayo Junio Julio

SIGUE:

Agosto Septiembre Octubre Noviembre Diciembre Ao = 2003 2002 2001 2000 1999 1998 1997 1996 1995 1994 1993 1992 1991 1990 function get() { var fecha = new Date(m.value + " " + d.value + ", " + a.value) ; var di = fecha.getDay() ; if (di == 0) { di = "DOMINGO" } if (di == 1) { di = "LUNES" } if (di == 2) { di = "MARTES" } if (di == 3) { di = "MIERCOLES" } if (di == 4) { di = "JUEVES" } if (di == 5) { di = "VIERNES" } if (di == 6) { di = "SABADO" } alert (di) }

6.- La lnea de ttulos de la ventana muestra un texto en movimiento, var Message="Cursos multimedia LuisBonilla.com "; var place=1; function rollIn() { document.title=Message.substring(0, place); if (place >= Message.length) { place=1; window.setTimeout("rollIn()",2000); } else { place++; window.setTimeout("rollIn()",50); } } Observa la linea de titulos de la ventana