Skip to content

Latest commit

 

History

History
125 lines (99 loc) · 4.91 KB

ejercicios.md

File metadata and controls

125 lines (99 loc) · 4.91 KB

JS Avanzado y JQuery

La información de ejecución se encuentra en el README

Guía de ejercicios

#1. Genera un array de números aleatorios, ordenarlos y mostrarlo en una lista
desordenada. Tiene que crear la lista uno mismo.
#2. Dado el array = [1,2,3,4,5,6]
   a. Iterar por todos los elementos dentro de un array utilizando while y mostrarlos en pantalla.
   b. Iterar por todos los elementos dentro de un array utilizando for y mostrarlos en pantalla.
   c. Iterar por todos los elementos dentro de un array utilizando .forEach y mostrarlos en pantalla.
   d. Mostrar todos los elementos dentro de un array sumándole uno a cada uno.
   e. Generar una copia de un array pero con todos los elementos incrementados en 1.
   f. Calcular el promedio.
#3. Dado un array de números, mostrar cómo quedaría si cada uno de los números es elevado al cuadrado.
#4. Dado el array [ 1, -4, 12, 0, -3, 29, -150], hacer la suma solo de sus números positivos.
#5. Dado el array ["Florencia", "Lucas", "Ezequiel", "Matias", "Bruno", "Gustavo", "Martin"].
   a. Obtener aquellos nombres con al menos 6 letras.
   b. Obtener los nombres que comienzan con "M".
   c. Ordenar alfabéticamente y mostrar por consola.
   d. Generar un array que contenga solo las iniciales
   e. Ejemplo: ["F", "L", "E", "M",... ].
   f. Generar un array que contenga todos los nombres en mayúscula.
   g. Queremos saber si alguno de estos nombres comienza con "J”
#6. Dado un array que contiene ["azul", "amarillo", "rojo", "verde", "café", "rosa"] 
Determinar si un color introducido por el usuario a través de un prompt se encuentra dentro del array o no.
#7. Crear una función que reciba un arreglo con números y devuelva un nuevo arreglo con solo los números pares
#8. Crear una función que reciba un arreglo con palabras, crear un nuevo arreglo que contenga sólo las palabras que empiezan con una vocal.
#9.Crear un método que permite intercambiar las posiciones de dos elementos de un arreglo en base a sus índices
#10. Crear dos párrafos en el body de una página. Capturar el evento click solo del primero utilizando la librería jQuery.
#11. Confeccionar una página que muestre una tabla con dos filas y cambiar el color de fondo cuando sea presionada con el mouse.
#12. Mostrar una lista no ordenada con 4 elementos '<li>'
Ocultar el que se presiona.
Para ocultar un elemento jQuery tiene un método llamado hide().
#13. Confeccionar una página que muestre dos tablas con tres filas cada una.
Cambiar el color de fondo de cada fila de la primera tabla cuando sea presionada con el mouse.
#14. Disponer un título de noticia y seguidamente la descripción de la noticia (encerrarlo en un div con un nombre de clase), repetir esto para tres noticias.
Agregar tres botones que rescaten el nombre de la clase para la descripción de la noticia y cambien su tamaño de fuente.
#15. Crear una página que contenga dos tablas de 3 filas y 3 columnas cada una con un texto en cada casillero.
Luego al presionar un botón cambiar por la cadena "-" solo el contenido de la primera tabla, dejando intacto el de la segunda.
#16. Definir un hipervínculo con la propiedad href con cadena vacía.
Luego disponer tres botones que permitan fijar distintos hipervínculos para la propiedad href.
Además actualizar el texto del hipervínculo.
#17. Confeccionar una página que contenga algunas palabras con el elemento 'strong', luego cuando sean presionadas ocultarlas.
#18. Crear una tabla con dos filas y dos columnas, cambiar el color del interior de la casilla cuando ingresamos con el mouse y dejarla con dicho color cuando retiramos la flecha.
#19. Crear una tabla con dos filas y dos columnas, cambiar el color del interior de la casilla cuando ingresamos con el mouse y regresar al original cuando salimos.
#20. Disponer un div de 800 x 70 píxeles.
Al hacer doble clic redimensionarlo a 250 x 250 píxeles y si se hace doble clic nuevamente retornar al tamaño 800 x 70.
#21. Confeccionar una página que contenga un div con un conjunto de párrafos.
Cuando se presione con el mouse dentro del div ocultarlo lentamente y cuando esté completamente oculto hacer que aparezca lentamente otro bloque de texto.
#22. Mostrar con console.log el valor de un option cada vez que un usuario seleccione un option nuevo de un elemento select.
#23. Hacer que un link no salga de la página al hacer click, pero mostrar el valor de la página referida con console log
#24. Hacer que un formulario no se envíe al hacer click en "enviar", en lugar de eso mostrar un texto en la página que el formulario fue enviado.