Ejercicios de java script Ejercicio 1
Modificar el primer script para que: 1. Todo el código JavaScript se encuentre en un archivo externo llamado codigo.js y el script siga funcionando de la misma manera. . !espu"s del primer mensaje# se de$e mostrar otro mensaje que diga %Soy el primer script% &. '(adir algunos comentarios que expliquen el funcionamiento del código ). '(adir en la p*gina +,TM- un mensaje de aviso para los navegadores que no tengan activado el soporte de JavaScript Solución incha !e$er/a de visuali0arse una caja con un texto jercicio Modificar el primer script del cap/tulo anterior para que: 1. l mensaje que se muestra al usuario se almacene en una varia$le llamada mensaje y el funcionamiento funcionamiento del script sea el mismo. . l mensaje mostrado sea el de la siguiente imagen: Solución incha . !e$er/a de visuali0arse una caja con un texto jercicio & 2rear un array llamado meses y que almacene el nom$re de los doce meses del a(o. Mostrar por pantalla los doce nom$res utili0ando la función alert34. Solución incha . !e$er/a de visuali0arse una caja con un texto jercicio ) ' partir del siguiente array que se proporciona: var valores 5 6true# 7# false# %hola%# %adios%# 89 1. !eterminar cual de los dos elementos de texto es mayor
. tili0ando exclusivamente los dos valores $ooleanos del array# determinar los operadores necesarios para o$tener un resultado true y otro resultado false &. !eterminar el resultado de las cinco operaciones matem*ticas reali0adas con los dos elementos num"ricos Solución incha . !e$er/a de visuali0arse una caja con un texto jercicio 7 Solución incha . !e$er/a de visuali0arse una caja con un texto jercicio ; l c*lculo de la letra del !ocumento
mero de !<= y el n>mero &. ' partir del resto de la división# se o$tiene la letra seleccion*ndola dentro de un array de letras. l 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', '', '!', '"', '#', 'T'
%$or tanto si el resto de la división es la letra del !<= es la T y si el resto es la letra es la A. 2on estos datos# ela$orar un peque(o script que: 1. 'lmacene en una varia$le el n>mero de !<= indicado por el usuario y en otra varia$le la letra del !<= que se ha indicado. 3ista: si se quiere pedir directamente al usuario que indique su n>mero y su letra# se puede utili0ar la función (r)*(t+4 . n primer lugar 3y en una sola instrucción4 se de$e compro$ar si el n>mero es menor que & o mayor que --------. Si ese es el caso# se muestra un mensaje al usuario indicando que el n>mero proporcionado no es v*lido y el programa no muestra m*s mensajes. &. Si el n>mero es v*lido# se calcula la letra que le corresponde seg>n el m"todo explicado anteriormente. ). na ve0 calculada la letra# se de$e comparar con la letra indicada por el usuario. Si no coinciden# se muestra un mensaje al usuario dici"ndole que la letra que ha indicado no es correcta. n otro caso# se muestra un mensaje indicando que el n>mero y la letra de !<= son correctos.
Solución incha . !e$er/a de visuali0arse una caja con un texto jercicio ? l factorial de un n>mero entero . es una operación matem*tica que consiste en multiplicar todos los factores . / +.01 / +.02 / 333 / 1. 's/# el factorial de 4 3escrito como 454 es igual a: 45 = 4 / 6 / / 2 / 1 = 12& tili0ando la estructura
7)r#
crear un script que calcule el factorial de un n>mero entero.
Solución incha . !e$er/a de visuali0arse una caja con un texto
jercicio @ scri$ir el código de una función a la que se pasa como par*metro un n>mero entero y devuelve como resultado una cadena de texto que indica si el n>mero es par o impar. Mostrar por pantalla el resultado devuelto por la función. incha . !e$er/a de visuali0arse una caja con un texto jercicio A !efinir una función que muestre información so$re una cadena de texto que se le pasa como argumento. ' partir de la cadena que se le pasa# la función determina si esa cadena est* formada sólo por may>sculas# sólo por min>sculas o por una me0cla de am$as. incha . !e$er/a de visuali0arse una caja con un texto jercicio 1B !efinir una función que determine si la cadena de texto que se le pasa como par*metro es un pal/ndromo# es decir# si se lee de la misma forma desde la i0quierda y desde la derecha. jemplo de pal/ndromo complejo: %-a ruta nos aporto otro paso natural%. incha . !e$er/a de visuali0arse una caja con un texto jercicio 11 ' partir de la p*gina Ce$ proporcionada y utili0ando las funciones !DM# mostrar por pantalla la siguiente información:
1. <>mero de enlaces de la p*gina . !irección a la que enla0a el pen>ltimo enlace &. mero de enlaces del tercer p*rrafo incha Se visuali0ar* de$ajo del enlace la solución jercicio 1 2ompletar el código JavaScript proporcionado para que cuando se pinche so$re el enlace se muestre completo el contenido de texto. 'dem*s# el enlace de$e dejar de mostrarse despu"s de pulsarlo por primera ve0. -a acción de pinchar so$re un enlace forma parte de los %ventos% de JavaScript que se ven en el siguiente cap/tulo. n este ejercicio# sólo se de$e sa$er que al pinchar so$re el enlace# se ejecuta la función llamada muestra34. 2ompletar el código JavaScript proporcionado para que cuando se pinche so$re el enlace se muestre completo el contenido de texto. 'dem*s# el enlace de$e dejar de mostrarse despu"s de pulsarlo por primera ve0. -a acción de pinchar so$re un enlace forma parte de los %ventos% de JavaScript que se ven en el siguiente cap/tulo. n este ejercicio# sólo se de$e sa$er que al pinchar so$re el enlace# se ejecuta la función llamada muestra34. incha Dcultar* la repetición del parrafo anterior. jercicio 1$ 2ompletar el código JavaScript proporcionado para que cuando se pinche so$re el enlace se muestre completo el contenido de texto. 'dem*s# el enlace de$e dejar de mostrarse despu"s de pulsarlo por primera ve0. -a acción de pinchar so$re un enlace forma parte de los %ventos% de JavaScript que se ven en el siguiente cap/tulo. n este ejercicio# sólo se de$e sa$er que al pinchar so$re el enlace# se ejecuta la función llamada muestra34. 2ompletar el código JavaScript proporcionado para que cuando se pinche so$re el enlace se muestre completo el contenido de texto. 'dem*s# el enlace de$e dejar de mostrarse despu"s de pulsarlo por primera ve0. -a acción de pinchar so$re un enlace forma parte de los %ventos% de JavaScript que se ven en el siguiente cap/tulo. n este ejercicio# sólo se de$e sa$er que al pinchar so$re el enlace# se ejecuta la función llamada muestra34. incha Dcultar* la repetición del parrafo anterior. jercicio 1& 2ompletar el código JavaScript proporcionado para que se a(adan nuevos elementos a la lista cada ve0 que se pulsa so$re el $otón. tili0ar las funciones !DM para crear nuevos nodos y a(adirlos a la lista existente. 'l igual que sucede en el ejercicio anterior# la acción
de pinchar so$re un $otón forma parte de los %ventos% de JavaScript que se ven en el siguiente cap/tulo. n este ejercicio# sólo se de$e sa$er que al pinchar so$re el $otón# se ejecuta la función llamada anade34. ulsa el $oton para o un elemento a la lista. -ista en la que se a(aden elementos por javascript 1. <>mero de enlaces de la p*gina . !irección a la que enla0a el pen>ltimo enlace &. mero de enlaces del tercer p*rrafo jercicio 1) ' partir de la p*gina Ce$ proporcionada# completar el código JavaScript para que: 1. 2uando se pinche so$re el primer enlace# se oculte su sección relacionada . 2uando se vuelva a pinchar so$re el mismo enlace# se muestre otra ve0 esa sección de contenidos &. 2ompletar el resto de enlaces de la p*gina para que su comportamiento sea id"ntico al del primer enlace ). 2uando una sección se oculte# de$e cam$iar el mensaje del enlace asociado 3pista: propiedad 8..erHTM4 NOTA: Fo no usar" innerHTML ya que est* desaconsejado en demasiados foros. Ejercicio 14b: Se incluye una nueva función para modificar# desde JavaScript# estilos de
los $loques cuando estas dentro. Se reali0a para ver como funcionan los eventos de los navegadores. Ejercicio 14c: Se desarrolla un script que modifica el tama(o del siguiente texto. s otro ejemplo de como usar los eventos# en este caso el onclick# aunque esto ya se ha usado en
script anteriores. ara agrandar texto pulsa # para reducir el texto pulsa para volver al tama(o original Ejercicio 14d: ro$ar la demo de ocultar y mostrar el contenido de forma progresiva
jercicio 17
2ompletar el código JavaScript proporcionado para que: 1. 'l mover el ratón en cualquier punto de la ventana del navegador# se muestre la posición del puntero respecto del navegador y respecto de la p*gina: . 'l pulsar cualquier tecla# el mensaje mostrado de$e cam$iar para indicar el nuevo evento y su información asociada: &. '(adir la siguiente caracter/stica al script: cuando se pulsa un $otón del ratón# el color de fondo del cuadro de mensaje de$e ser amarillo 3GHHHH224 y cuando se pulsa una tecla# el color de fondo de$e ser a0ul 3G22;HH4. 'l volver a mover el ratón# el color de fondo vuelve a ser $lanco.
RATON:
POSICION: i0quierda inferior jercicio 1? Mejorar el ejemplo anterior indicando en todo momento al usuario el n>mero de caracteres que a>n puede escri$ir. 'dem*s# se de$e permitir pulsar las teclas acKspace# Supr. y las flechas hori0ontales cuando se haya llegado al m*ximo n>mero de caracteres.
'pellidos:
Telefono:
Texto: