Ejercicios de java script

Ejercicio 1
Modificar el primer script para que:
1. Todo el cdigo JavaScript se encuentre en un archivo externo llamado codigo.js y el
script siga funcionando de la misma manera.
2. Despus del primer mensaje, se debe mostrar otro mensaje que diga "Soy el primer
script"
3. Aadir algunos comentarios que expliquen el funcionamiento del cdigo
4. Aadir en la pgina XHTML un mensaje de aviso para los navegadores que no tengan
activado el soporte de JavaScript
Solucin
Pincha Debera de visualizarse una caja con un texto
Ejercicio 2
Modificar el primer script del captulo anterior para que:
1. El mensaje que se muestra al usuario se almacene en una variable llamada mensaje y el
funcionamiento del script sea el mismo.
2. El mensaje mostrado sea el de la siguiente imagen:
Solucin
Pincha . Debera de visualizarse una caja con un texto
Ejercicio 3
Crear un array llamado meses y que almacene el nombre de los doce meses del ao.
Mostrar por pantalla los doce nombres utilizando la funcin alert().
Solucin
Pincha . Debera de visualizarse una caja con un texto
Ejercicio 4
A partir del siguiente array que se proporciona: var valores = [true, 5, false, "hola",
"adios", 2];
1. Determinar cual de los dos elementos de texto es mayor

2. Utilizando exclusivamente los dos valores booleanos del array, determinar los
operadores necesarios para obtener un resultado true y otro resultado false
3. Determinar el resultado de las cinco operaciones matemticas realizadas con los dos
elementos numricos
Solucin
Pincha . Debera de visualizarse una caja con un texto
Ejercicio 5
Solucin
Pincha . Debera de visualizarse una caja con un texto
Ejercicio 6
El clculo de la letra del Documento Nacional de Identidad (DNI) es un proceso
matemtico sencillo que se basa en obtener el resto de la divisin entera del nmero de
DNI y el nmero 23. A partir del resto de la divisin, se obtiene la letra seleccionndola
dentro de un array de letras.
El array de letras es:
var letras = ['T', 'R', 'W', 'A', 'G', 'M', 'Y', 'F', 'P', 'D', 'X',
'B', 'N', 'J', 'Z', 'S', 'Q', 'V', 'H', 'L', 'C', 'K', 'E', 'T'];

Por tanto si el resto de la divisin es 0, la letra del DNI es la T y si el resto es 3 la letra es

la A. Con estos datos, elaborar un pequeo script que:
1. Almacene en una variable el nmero de DNI indicado por el usuario y en otra variable
la letra del DNI que se ha indicado. (Pista: si se quiere pedir directamente al usuario
que indique su nmero y su letra, se puede utilizar la funcin prompt())
2. En primer lugar (y en una sola instruccin) se debe comprobar si el nmero es menor
que 0 o mayor que 99999999. Si ese es el caso, se muestra un mensaje al usuario
indicando que el nmero proporcionado no es vlido y el programa no muestra ms
mensajes.
3. Si el nmero es vlido, se calcula la letra que le corresponde segn el mtodo
explicado anteriormente.
4. Una vez calculada la letra, se debe comparar con la letra indicada por el usuario. Si
no coinciden, se muestra un mensaje al usuario dicindole que la letra que ha
indicado no es correcta. En otro caso, se muestra un mensaje indicando que el
nmero y la letra de DNI son correctos.

Solucin
Pincha . Debera de visualizarse una caja con un texto
Ejercicio 7
El factorial de un nmero entero n es una operacin matemtica que consiste en
multiplicar todos los factores n x (n-1) x (n-2) x ... x 1. As, el factorial
de 5 (escrito como 5!) es igual a: 5! = 5 x 4 x 3 x 2 x 1 = 120
Utilizando la estructura for, crear un script que calcule el factorial de un nmero entero.
Solucin
Pincha . Debera de visualizarse una caja con un texto

Ejercicio 8
Escribir el cdigo de una funcin a la que se pasa como parmetro un nmero entero y
devuelve como resultado una cadena de texto que indica si el nmero es par o impar.
Mostrar por pantalla el resultado devuelto por la funcin.
Pincha . Debera de visualizarse una caja con un texto
Ejercicio 9
Definir una funcin que muestre informacin sobre una cadena de texto que se le pasa
como argumento. A partir de la cadena que se le pasa, la funcin determina si esa cadena
est formada slo por maysculas, slo por minsculas o por una mezcla de ambas.
Pincha . Debera de visualizarse una caja con un texto
Ejercicio 10
Definir una funcin que determine si la cadena de texto que se le pasa como parmetro es
un palndromo, es decir, si se lee de la misma forma desde la izquierda y desde la
derecha. Ejemplo de palndromo complejo: "La ruta nos aporto otro paso natural".
Pincha . Debera de visualizarse una caja con un texto
Ejercicio 11
A partir de la pgina web proporcionada y utilizando las funciones DOM, mostrar por
pantalla la siguiente informacin:

1. Nmero de enlaces de la pgina

2. Direccin a la que enlaza el penltimo enlace
3. Numero de enlaces que enlazan a http://prueba
4. Nmero de enlaces del tercer prrafo
Pincha Se visualizar debajo del enlace la solucin
Ejercicio 12
Completar el cdigo JavaScript proporcionado para que cuando se pinche sobre el enlace
se muestre completo el contenido de texto. Adems, el enlace debe dejar de mostrarse
despus de pulsarlo por primera vez. La accin de pinchar sobre un enlace forma parte de
los "Eventos" de JavaScript que se ven en el siguiente captulo. En este ejercicio, slo se
debe saber que al pinchar sobre el enlace, se ejecuta la funcin llamada muestra().
Completar el cdigo JavaScript proporcionado para que cuando se pinche sobre el enlace
se muestre completo el contenido de texto. Adems, el enlace debe dejar de mostrarse
despus de pulsarlo por primera vez. La accin de pinchar sobre un enlace forma parte de
los "Eventos" de JavaScript que se ven en el siguiente captulo. En este ejercicio, slo se
debe saber que al pinchar sobre el enlace, se ejecuta la funcin llamada muestra().
Pincha Ocultar la repeticin del parrafo anterior.
Ejercicio 12b
Completar el cdigo JavaScript proporcionado para que cuando se pinche sobre el enlace
se muestre completo el contenido de texto. Adems, el enlace debe dejar de mostrarse
despus de pulsarlo por primera vez. La accin de pinchar sobre un enlace forma parte de
los "Eventos" de JavaScript que se ven en el siguiente captulo. En este ejercicio, slo se
debe saber que al pinchar sobre el enlace, se ejecuta la funcin llamada muestra().
Completar el cdigo JavaScript proporcionado para que cuando se pinche sobre el enlace
se muestre completo el contenido de texto. Adems, el enlace debe dejar de mostrarse
despus de pulsarlo por primera vez. La accin de pinchar sobre un enlace forma parte de
los "Eventos" de JavaScript que se ven en el siguiente captulo. En este ejercicio, slo se
debe saber que al pinchar sobre el enlace, se ejecuta la funcin llamada muestra().
Pincha Ocultar la repeticin del parrafo anterior.
Ejercicio 13
Completar el cdigo JavaScript proporcionado para que se aadan nuevos elementos a la
lista cada vez que se pulsa sobre el botn. Utilizar las funciones DOM para crear nuevos
nodos y aadirlos a la lista existente. Al igual que sucede en el ejercicio anterior, la accin

de pinchar sobre un botn forma parte de los "Eventos" de JavaScript que se ven en el
siguiente captulo. En este ejercicio, slo se debe saber que al pinchar sobre el botn, se
ejecuta la funcin llamada anade().
Pulsa el boton para o un elemento a la lista.
Lista en la que se aaden elementos por javascript
1. Nmero de enlaces de la pgina
2. Direccin a la que enlaza el penltimo enlace
3. Numero de enlaces que enlazan a http://prueba
4. Nmero de enlaces del tercer prrafo
Ejercicio 14
A partir de la pgina web proporcionada, completar el cdigo JavaScript para que:
1. Cuando se pinche sobre el primer enlace, se oculte su seccin relacionada
2. Cuando se vuelva a pinchar sobre el mismo enlace, se muestre otra vez esa seccin
de contenidos
3. Completar el resto de enlaces de la pgina para que su comportamiento sea idntico
al del primer enlace
4. Cuando una seccin se oculte, debe cambiar el mensaje del enlace asociado (pista:
propiedad innerHTML)
NOTA: Yo no usar innerHTML ya que est desaconsejado en demasiados foros.
Ejercicio 14b: Se incluye una nueva funcin para modificar, desde JavaScript, estilos de
los bloques cuando estas dentro. Se realiza para ver como funcionan los eventos de los
navegadores.
Ejercicio 14c: Se desarrolla un script que modifica el tamao del siguiente texto. Es otro
ejemplo de como usar los eventos, en este caso el onclick, aunque esto ya se ha usado en
script anteriores.
Para agrandar texto pulsa , para reducir el texto pulsa para volver al tamao original
Ejercicio 14d: Probar la demo de ocultar y mostrar el contenido de forma progresiva
Ejercicio 15

Completar el cdigo JavaScript proporcionado para que:

1. Al mover el ratn en cualquier punto de la ventana del navegador, se muestre la
posicin del puntero respecto del navegador y respecto de la pgina:
2. Al pulsar cualquier tecla, el mensaje mostrado debe cambiar para indicar el nuevo
evento y su informacin asociada:
3. Aadir la siguiente caracterstica al script: cuando se pulsa un botn del ratn, el
color de fondo del cuadro de mensaje debe ser amarillo (#FFFFCC) y cuando se pulsa
una tecla, el color de fondo debe ser azul (#CCE6FF). Al volver a mover el ratn, el
color de fondo vuelve a ser blanco.

RATON:
Navegador [547 , 4891]
Pagina [547 , 584]
Ejercicio 16
Crear un script que informe al usuario en que zona de la pantalla ha pulsado el ratn. Las
zonas definidas son las siguientes: izquierda arriba, izquierda abajo, derecha arriba y
derecha abajo. Para determinar el tamao de la ventana del navegador, utilizar la funcin
tamanoVentanaNavegador() proporcionada.

POSICION:
izquierda
inferior
Ejercicio 17
Mejorar el ejemplo anterior indicando en todo momento al usuario el nmero de
caracteres que an puede escribir. Adems, se debe permitir pulsar las teclas Backspace,
Supr. y las flechas horizontales cuando se haya llegado al mximo nmero de caracteres.
Nombre:

Apellidos:

Telefono:

Texto: