Del curso: Desafío de programación: Programación funcional en JavaScript

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.900 cursos impartidos por expertos del sector.

Efecto de onda

Efecto de onda - Tutorial de JavaScript

Del curso: Desafío de programación: Programación funcional en JavaScript

Comenzar mi mes de prueba gratis Comprar para mi equipo

Efecto de onda

“

(Música de videojuego) Es muy probable que tú hayas visto el efecto de onda cuando haces clic en un botón en una página web. En este desafío, vamos a implementar una solución en la cual, al hacer clic en un botón, la aplicación generará una animación de onda. Para implementar esta solución, vamos a utilizar métodos de RxJS junto a propiedades de CSS para generar el efecto. Puedes detener el video aquí para trabajar en tu solución y luego volver para ver cómo yo he solucionado este desafío. (Música de videojuego) En este desafío yo ya tengo disponible los estilos para generar una animación de onda en un elemento span y una función en JavaScript que generas dicho elemento, al cual se le adjuntan parámetros aleatorios para mostrarlo en la página. Ahora lo que voy a hacer para resolver este desafío es crear una función que se va a llamar «crearOnda». Yo quiero que esta función lo que haga es que genere el elemento, lo adjunte al body de la página y luego agregar un listener para que…

Contenido