Ud3 Dwec

1. Realiza un script que escriba en el documento la fecha y hora actual. La salida deberá tener el siguiente formato : Hoy es martes, 5 de enero de 2013 y son las 14:32 horas . Nota : Este ejercicio se simplifica utilizando arrays (que no hemos visto). De todas formas el objetivo del ejercicio es resolverlo con las herramientas que hemos estudiado hasta ahora.

Código:

<!DOCTYPE html>
<html lang="es">

<body>

var fecha = new Date(); //Obtiene un objeto fecha actual.
        var dia;
        var vardia = fecha.getDay();    //getDay() devuelve el dia de la semana.(0-6).
        switch (vardia) { //Algoritmo para calcular el dia según el número.
            case 0:
                dia = "Domingo";
                break;
            case 1:
                dia = "Lunes";
                break;
            case 2:
                dia = "Martes";
                break;
            case 3:
                dia = "Miercoles";
                break;
            case 4:
                dia = "Jueves";
                break;
            case 5:
                dia = "Viernes";
                break;
            case 6:
                dia = "Sabado";
                break;
        }

var mes;
        //Algoritmo para calcular el mes según el número.
        switch (fecha.getMonth() + 1) { //getMonth() devuelve el mes (0-11).
            case 1:
                mes = "Enero";
                break;
            case 2:
                mes = "Febrero";
                break;
            case 3:
                mes = "Marzo";
                break;
            case 4:
                mes = "Abril";
                break;
            case 5:
                mes = "Mayo";
                break;
            case 6:
                mes = "Junio";
                break;
            case 7:
                mes = "Julio";
                break;
            case 8:
                mes = "Agosto";
                break;
            case 9:
                mes = "Septiembre";
                break;
            case 10:
                mes = "Octubre";
                break;
            case 11:
                mes = "Noviembre";
                break;
            case 12:
                mes = "Diciembre";
                break;
        }

var diames = (fecha.getDate());   //getDate() devuelve el dia(1-31).
        var ano = fecha.getFullYear();  //getFullYear() devuelve el año(4 dígitos).
        var hora = fecha.getHours();    //getHours() devuelve la hora(0-23).
        var min = fecha.getMinutes();   //getMinutes() devuelve los minutos(0-59).
        if ((min >= 0) && (min < 10)) {    //Algoritmo para añadir un cero cuando el min tiene 1 cifra.
            min = "0" + min;
        }
        var salida = "Hoy es " + dia + ", " + diames + " de ";
        var salida = salida + mes + " de " + ano + " y son las ";
        var salida = salida + hora + ":" + min + " horas";
        document.write(salida);

</script>
</body>

</html>

2. Realiza un script que pida un nombre y dos apellidos e indique el tiempo que se tardó en introducir los datos. La salida sería algo así como : En introducir Jose García Fernández ha tardado 25 segundos.

Código:

3. Realiza un script pida un mes y año e imprima su calendario. No hace falta esmerarse en la presentación del calendario, el calendario simplificado puede ser del tipo : OCTUBRE - 2014 1 (miercoles), 2 (jueves), ….. , 31 (viernes). (Si lo deseas puedes realizar una tabla – nivel avanzado – sombreando los sábados y domingos)

Código: Nota: El mes se debe introducir como texto.

<!DOCTYPE html>
<html lang="es">

<head>
    <title>U3E1.3V4</title>
    <meta charset="utf-8" />
    <style>
        h1 {
            text-align: center;
        }

table {
            margin: auto;
        }

th {
            font-size: 20px;
            font-weight: bold;
        }

td {
            font-size: 25px;
            color: blue;
            font-weight: bold;
        }
    </style>
</head>

<body>

document.write("<table cellspacing=\"10\" cellpadding=\"10\" border=\"8\">");
        document.write("<tr bgcolor=dddddd>");
        //Fila Cabecera
        document.write("<th>Lunes</th>");
        document.write("<th>Martes</th>");
        document.write("<th>Miercoles</th>");
        document.write("<th>Jueves</th>");
        document.write("<th>Viernes</th>");
        document.write("<th>Sabado</th>");
        document.write("<th>Domingo</th>");
        document.write("</tr>");

var i;
        var k = 1;
        var j;
        var x = 0;
        var filas;

filas = 5;

for (i = 0; i < 6; i++) {
            if (k <= mesdias) { //Si el mes no terminó.
                document.write("<tr>");
                j = 0;
                for (j = 1; j < 8; j++) {
                    if (j <= 5) {
                        document.write("<td align=\"center\">");
                    }
                    if (j == 6) {
                        document.write("<td bgcolor=\"orange\" align=\"center\">");
                    }
                    if (j == 7) {
                        document.write("<td bgcolor=\"red\" align=\"center\">");
                    }
                    if (i == 0) {  //Si está en la fila 1.
                        if (j < vardia) {   //Si j es mayor que el primer dia del mes.
                            document.write("");
                        } else {
                            document.write(k);
                            k++;
                        }
                    }
                    else {
                        if (k <= mesdias) { //Si el mes no terminó, escribe el dia.

document.write(k);
                            k++;    //suma un dia.
                        }
                    }
                    document.write("</td>");
                }
                document.write("</tr>");
            }
        }
        document.write("</table>");

</script>
</body>

</html>

4. Realiza un script que calcule la diferencia en días entre la fecha de nacimiento de alguien y la fecha actual. La salida podría ser algo como : Tienes 9650 días de vida.

Código: Nota: El mes se debe introducir como texto.

<!DOCTYPE html>
<html lang="es">

<body>

//NOTA: El mes se pide en texto. Si se pidiese en número habría que restarle 1 antes de operar.

var ano = prompt("Año de nacimiento:");
        var mes = prompt("Mes de nacimiento");
        var dia = prompt("Día de nacimiento");
        mes = mes.toUpperCase();    //Pone el texto en mayúsculas.
        var mesnum;
        switch (mes) {  //Algoritmo para saber el num del mes.
            case "ENERO":
                mesnum = 0;
                break;
            case "FEBRERO":
                mesnum = 1;
                break;
            case "MARZO":
                mesnum = 2;
                break;
            case "ABRIL":
                mesnum = 3;
                break;
            case "MAYO":
                mesnum = 4;
                break;
            case "JUNIO":
                mesnum = 5;
                break;
            case "JULIO":
                mesnum = 6;
                break;
            case "AGOSTO":
                mesnum = 7;
                break;
            case "SEPTIEMBRE":
                mesnum = 8;
                break;
            case "OCTUBRE":
                mesnum = 9;
                break;
            case "NOVIEMBRE":
                mesnum = 10;
                break;
            case "DICIEMBRE":
                mesnum = 11;
                break;
        }

var fechahoy = new Date(); //Crea un objeto fecha con la fecha de hoy.
        var miliseghoy = fechahoy.getTime();    //Calcula milisegundos hasta fechahoy.

var fecha = new Date(ano, mesnum, dia);   //Crea objeto fecha de la fecha introducida.
        var miliseg = fecha.getTime();  //Calcula milisegundos hasta fecha.

var dif = miliseghoy - miliseg; //Calcula la diferencia en miliseg entre las dos fechas.

//Operación: milisegundos/1000, /60, /60, /24 resultado: días.
        var totdias = dif / 1000;
        totdias = totdias / 60;
        totdias = totdias / 60;
        totdias = totdias / 24;
        totdias = Math.floor(totdias);   //floor() devuelve el num entero inferior.

document.write("Tienes " + totdias + " de vida.");

</script>
</body>

</html>

5. Realiza un script que pida una fecha y muestre tres fechas que sean la fecha introducida a 30, 60 y 90 días.

Código:

<!DOCTYPE html>
<html lang="es">

<body>

var ano = Number(prompt("Año:"));
        var mes = Number(prompt("Mes"));
        var dia = Number(prompt("Día"));

mes--;  //Restamos 1 para colocar el mes exacto en el objeto Date.
        var fecha = new Date(ano, mes, dia);   //Crea objeto fecha de la fecha introducida.

var i;
        var j;
        var plazo = 30; //Variable para sacar 30, 60 y 90.

for (i = 0; i < 3; i++) {   //Bucle para las otras tres fechas.

document.write("Fecha a " + plazo + " días: ");
            fecha.setMonth(fecha.getMonth() + 1); //Se suma un mes a la fecha.

if (fecha.getDate() < 10) { //Poner un cero delante en los dias menores de 10.

document.write("0" + fecha.getDate());
            } else {

document.write(fecha.getDate());
            }
            document.write("/");

if (fecha.getMonth() < 9) {    //Poner un cero delante a los meses menores de 9+1;

document.write("0" + (fecha.getMonth() + 1));   //Sumamos 1 para que ponga el mes correcto.
            } else {

document.write(fecha.getMonth() + 1);
            }

document.write("/" + fecha.getFullYear() + ".<br>");
            plazo += 30;
        }

</script>
</body>

</html>

6. Pide 3 números (edades, por ejemplo) y 3 nombres e indica el nombre del mayor.

Código:

7. Realiza un script que genere 1 número aleatorio entre 1 y 49.

Código:

8. Con las herramientas estudiadas hasta ahora (no incluye arrays) modifica el script anterior de tal forma que se puedan generar 3 números aleatorios entre 1 y 49 pero que no se repita ninguno.

Código:

9. Realiza un script que imprima los 14 resultados de una quiniela de forma aleatoria. La salida sería algo así como :

Partido 1 : 1
Partido 2 : X
Partido 3 : 2

Código:

10. Realiza el script anterior pero ahora de forma que la probabilidad de que sea un 1 sea del 50%, la de la X del 40% y la del 2 del 10% .

Código:

11. Realiza un script que pida nombre y apellidos y los convierta a mayúsculas (el contenido de la variable quedará en mayúsculas).

Código:

12. Realiza un script que pida una cadena de texto y la muestre poniendo el signo – entre cada carácter. Por ejemplo, si tecleo “jose luis”, deberá salir “j-o-s-e- -l-u-i-s”. No deberá utilizarse el método replace.

Código:

13. Realiza un script que cuente el número de vocales que tiene una cadena de texto.

Código:

14. Realiza un script que pida una cadena de texto y un número del 1 al 5. Deberá contarse el número de veces que aparece la vocal indicada con el número. Los números 1,2,3,4,5 indican las vocales a,e,i,o,u. Si por ejemplo tecleo como texto : “Hola jose luis” y como número el 3 deberá contar el número de veces que aparece la vocal i en el texto. La salida puede ser algo como lo siguiente : 1 Es el número de veces que aparece la vocal i en la frase : Hola jose luis (intenta realizar este ejercicio con el mínimo número de if/switch que puedas)

Código:

<!DOCTYPE html>
<html lang="es">

<body>

var texto = prompt("Introduce el Texto:");
        var num = prompt("Introduce el número de la Vocal: 1-A 2-E 3-I 4-O 5-U");
        //Obtenemos la longitud del string.
		var numchar = texto.length;
        //Utilizamos otra variable para poder imprimir despues es texto sin modificar.
        var cadena = texto.toUpperCase();  //Devuelve el string en mayúsculas.
        var j;
        var car;
        var cont = 0;
        var letra;
        for (j = 0; j < numchar; j++) {
            
			car = cadena.charAt(j);    //recupera el caracter j del string.
            
			if (((num == 1) && (car == "A")) || ((num == 2) && (car == "E")) || ((num == 3) && (car == "I")) || ((num == 4) && (car == "O")) || ((num == 5) && (car == "U"))) {
                cont++;
                letra = car;
            }
        }
        document.write(cont + " Es el número de veces que aparece la vocal " + letra + " en la frase: " + texto + ".");

</script>
</body>

</html>

15. Pedimos una cadena de texto que sabemos que puede contener paréntesis () en el medio. Realiza un script que extraiga la cadena que se encuentra entre los paréntesis. Ejemplo si tecleo : “jose (luis) vidal” se mostrará “luis”. Si no existe el signo “(“ mostrará una cadena vacia y si existe el signo “(“ pero no el signo “)” mostrará desde el primer paréntesis hasta el final.

Código:

16. Realiza un script que pida una cadena de texto y la devuelva al revés. Es decir, si tecleo “jose luis” deberá mostrar “siul esoj”.

Código:

17. Un palíndromo es una frase que se puede leer tanto al derecho como al revés. Por ejemplo : “Dabale arroz a la zorra el abad”. Realiza un script que pida un texto e indique si es un palíndromo.

Código:

18. Modifica el script que calculaba la letra del DNI utilizando lo que sabes ahora sobre el objeto String.

Código:

19. Realiza un script que lea todos las propiedades del objeto screen.

Código:

1. Pregunta al usuario con confirm() si desea entrar o no en la página. En caso negativo redireccionalo a google.com (location).

Código:

2. Realiza un script que cada 10 segundos muestre un mensaje (alert) indicando al usuario que pasaron 10 segundos.

Código:

3. Realiza un script que a los 20 segundos de entrar en la página se redireccione a otra página (por ejemplo, google.com)

Código:

4. Realiza un script en el que se pida un nombre y a los 10 segundos se abra una ventana nueva que contenga el nombre tecleado anteriormente y con el fondo de color rojo (document.bgColor).

Código:

5. Realiza un script que abra una ventana nueva y que cada 10 segundos se modifique el tamaño de la nueva ventana.

Código:

6. Realiza un script que a los 10 segundos se abra una ventana nueva (segunda.html) y dentro de esa segunda ventana realizar un script que a los 20 segundos se modifique el color de fondo de la primera ventana.

Código programa:

Código Ventana

7. Realiza un script que pida unos datos (nombre, apellidos y edad) y si es mayor de edad se abra una ventana en la que se muestre el nombre y apellidos tecleados y un mensaje de bienvenida.

Ejercicios Tema 3

Parte 1

Código:

2. Realiza un script que pida un nombre y dos apellidos e indique el tiempo que se tardó en introducir los datos. La salida sería algo así como : En introducir Jose García Fernández ha tardado 25 segundos.

Código:

Código: Nota: El mes se debe introducir como texto.

4. Realiza un script que calcule la diferencia en días entre la fecha de nacimiento de alguien y la fecha actual. La salida podría ser algo como : Tienes 9650 días de vida.

Código: Nota: El mes se debe introducir como texto.

5. Realiza un script que pida una fecha y muestre tres fechas que sean la fecha introducida a 30, 60 y 90 días.

Código:

6. Pide 3 números (edades, por ejemplo) y 3 nombres e indica el nombre del mayor.

Código:

7. Realiza un script que genere 1 número aleatorio entre 1 y 49.

Código:

8. Con las herramientas estudiadas hasta ahora (no incluye arrays) modifica el script anterior de tal forma que se puedan generar 3 números aleatorios entre 1 y 49 pero que no se repita ninguno.

Código:

9. Realiza un script que imprima los 14 resultados de una quiniela de forma aleatoria. La salida sería algo así como :

Código:

10. Realiza el script anterior pero ahora de forma que la probabilidad de que sea un 1 sea del 50%, la de la X del 40% y la del 2 del 10% .

Código:

11. Realiza un script que pida nombre y apellidos y los convierta a mayúsculas (el contenido de la variable quedará en mayúsculas).

Código:

12. Realiza un script que pida una cadena de texto y la muestre poniendo el signo – entre cada carácter. Por ejemplo, si tecleo “jose luis”, deberá salir “j-o-s-e- -l-u-i-s”. No deberá utilizarse el método replace.

Código:

13. Realiza un script que cuente el número de vocales que tiene una cadena de texto.

Código:

Código:

Código:

16. Realiza un script que pida una cadena de texto y la devuelva al revés. Es decir, si tecleo “jose luis” deberá mostrar “siul esoj”.

Código:

17. Un palíndromo es una frase que se puede leer tanto al derecho como al revés. Por ejemplo : “Dabale arroz a la zorra el abad”. Realiza un script que pida un texto e indique si es un palíndromo.

Código:

18. Modifica el script que calculaba la letra del DNI utilizando lo que sabes ahora sobre el objeto String.

Código:

19. Realiza un script que lea todos las propiedades del objeto screen.

Código:

Parte 2

1. Pregunta al usuario con confirm() si desea entrar o no en la página. En caso negativo redireccionalo a google.com (location).

Código:

2. Realiza un script que cada 10 segundos muestre un mensaje (alert) indicando al usuario que pasaron 10 segundos.

Código:

3. Realiza un script que a los 20 segundos de entrar en la página se redireccione a otra página (por ejemplo, google.com)

Código:

4. Realiza un script en el que se pida un nombre y a los 10 segundos se abra una ventana nueva que contenga el nombre tecleado anteriormente y con el fondo de color rojo (document.bgColor).

Código:

5. Realiza un script que abra una ventana nueva y que cada 10 segundos se modifique el tamaño de la nueva ventana.

Código:

6. Realiza un script que a los 10 segundos se abra una ventana nueva (segunda.html) y dentro de esa segunda ventana realizar un script que a los 20 segundos se modifique el color de fondo de la primera ventana.

Código programa:

Código Ventana

7. Realiza un script que pida unos datos (nombre, apellidos y edad) y si es mayor de edad se abra una ventana en la que se muestre el nombre y apellidos tecleados y un mensaje de bienvenida.

Código programa:

Código Ventana