Тёмный

❤ JAVASCRIPT: Event Delegation [Tutorial en Español] 

Bluuweb
Подписаться 227 тыс.
Просмотров 13 тыс.
50% 1

Опубликовано:

 

22 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 62   
@jonatanosorioarcila8437
@jonatanosorioarcila8437 3 года назад
espectacular tu video, todo lo entendí a la perfección. Muchas gracias mi hermano. saludos desde Colombia.
@javiercassianobustamante4705
@javiercassianobustamante4705 6 лет назад
Ya hace tiempo he estado viendo tus vídeos y nunca he agradecido así que gracias por compartir tus conocimientos con los demás. La verdad tus vídeos son muy buenos y tu manera es muy amena.
@bluuweb
@bluuweb 6 лет назад
Muchas gracias!! 😁 saludos !!
@kervinperche
@kervinperche 5 лет назад
Gracias, excelente explicación. Sería interesante cambiar todo el switch(){} por una linea como fondo.className = 'bg'+colorBoton.substring(3); Lo probe y funciona perfecto!
@Burzumhell
@Burzumhell 2 года назад
Qué maravilla de ejercicio, muchas gracias!
4 года назад
Hola Ignacio gracias por tus videos... se me ocurrio hacer solo esto en la funcion delegacion y me ahorre el break y si funciono :) function delegacion(e){ e.preventDefault(); const colorBtn = e.target.classList[1]; bg.className = colorBtn; }
@antoniirosado6743
@antoniirosado6743 6 лет назад
Ya resolviste parte de mi proyecto de la escuela, gracias 😘😘😘
@bluuweb
@bluuweb 6 лет назад
jajajaja Saludos!!
@osmeig6025
@osmeig6025 6 лет назад
Maestro Shileeenoooo! Te extrañaba tanto, jajajaja... JavaScript, que genio!
@bluuweb
@bluuweb 6 лет назад
Jajajaja pronto más videos jajaja
@osmeig6025
@osmeig6025 6 лет назад
@@bluuweb Por favor Maestro!!! Se lo ruego!!! Aprendo mucho y me divierto aun más!!! Gracias!!!
@mauricioelflaco
@mauricioelflaco 3 года назад
Genio, sin duda que explicación mas certera y didáctica...
@victormontivero1998
@victormontivero1998 4 года назад
Recién descubro tu canal buscando justamente este tema que no lograba entender, muy buena tu explicación, ahora me suscribo y te sigo y voy a mirar algunos de tus videos, exitos!
@petterruizhilario9666
@petterruizhilario9666 4 года назад
hola men, explicas muy bien la verdad. sabes, no seria mas rapido hacer esto? function delegacion(e){ e.preventDefault(); colorboton=e.target.classList[1]; fondo.className=colorboton; }
@PatoTatengue
@PatoTatengue 5 лет назад
La verdad que sos un genio, espero muchos mas vídeos de JavaScript!
@amaurysotogaray7598
@amaurysotogaray7598 4 года назад
Excelente explicación, de esos vídeos qué llegan de casualidad y son muy útiles !
@diecau
@diecau 4 года назад
Genio de la vidaaa! Me encantó el tuto de JS! Mis respetos desde Argentina, muy bien explicado!! Tienes mi suscripción!!
@bluuweb
@bluuweb 4 года назад
Qie genial gracias 🤩
@leperro14
@leperro14 2 года назад
Gracias Broo! me solucionaste la vida con este método
@romeobetances7964
@romeobetances7964 4 года назад
Por cierto, puedes usar stopPropagation para que los eventos no muten entres parent and children.
@JohanJimenez23
@JohanJimenez23 5 лет назад
Exelente, yo lo he hecho así var BtnBotones = document.querySelector('#BtnBotones').addEventListener('click', agregarBotones); var botones = document.querySelector('#botones').addEventListener('click', delegacion); function agregarBotones(e){ document.querySelector('#botones').classList = 'container text-center'; // reemplaza la clase que tiene "invisible" de Bootstrap } function delegacion(e){ document.querySelector('body').classList = e.target.classList[1]; //Este codigo agrega una clase al body, adoptando la del boton }
@MarcosEsqueda
@MarcosEsqueda 6 лет назад
Holaa. Estuvo genial este tutorial. Aprovechando que para el siguiente que usarás LocalStorage quiero hacer dos cosas o intentar: Una mini app de encuesta, es decir que se hace alguna pregunta y se limita a solo 2 opciones y que cada votación de un resultado en porcentajes y la siguiente es hacer otra app de calificación, como por ejemplo colocar 1 o 5 estrellas para que posteriormente se muestre cuanto porcentaje acumulan cada opción. Lo intentaré y te cuento jaja
@bluuweb
@bluuweb 6 лет назад
Wuau se ve prometedor! dale con todo!! :) Saludos!!
@JesusPetit5
@JesusPetit5 10 месяцев назад
Muy bueno amigo, eres un crack, saludos!
@tintoelement7471
@tintoelement7471 2 года назад
muy bueno Gracias!, voy a hacerlo sin bootstrap :D
@alocorredor4552
@alocorredor4552 2 года назад
Excelente y parece que es chileno!!!
@nicolasceleri8862
@nicolasceleri8862 5 лет назад
hola Bluuweb¡ una pregunta, si utilizas jquery... puede ser que la recarga sea mas lenta...??? que pensas de jquery? ya esta por quedar obsoleto ? sigue teniendo alguna utilidad que no tenga js hoy en dia?
@juanavelinomartins1034
@juanavelinomartins1034 4 года назад
Muy buenos los tuto !!!!. Sigue asi , te felicito.
@carlosgrisales9703
@carlosgrisales9703 3 года назад
Tus videos son geniales, gracias!
@franzsalinas
@franzsalinas 2 года назад
Gracias genio!!
@joseluismorenoarcos3140
@joseluismorenoarcos3140 4 года назад
Excelente video, solo tengo una duda! ¿es necesario agregar los dos eventos click dentro de la función de flecha?
@nestorjaviermendezgutierre2828
@nestorjaviermendezgutierre2828 4 года назад
Yo tengo la misma duda, el código funciona sin la función flecha IIFE, yo creo que no es necesario
@miguelmondragon1366
@miguelmondragon1366 4 года назад
gracias amigo
@prpheizungsanitar6050
@prpheizungsanitar6050 5 лет назад
muy buena chile, saludos desde alemania. :)
@gabrielromero9595
@gabrielromero9595 5 лет назад
Gracias por los videos.
@Juan-ff3jx
@Juan-ff3jx 6 лет назад
Muy bueno, gracias por el aporte.
@bluuweb
@bluuweb 6 лет назад
Gracias!! Saludos!!
@DentrayVE
@DentrayVE 6 лет назад
Podemos hacer que cuando las personas recarguen la pagina los redirija al inicio.?
@JValenteM92
@JValenteM92 6 лет назад
Desde que has dicho sobre guardar una mini-base con "localStorage" me puse como loco de la emoción....He estado buscando información para aprenderlo, pero debo estar haciendo algo mal! así que tendré que esperar al video siguiente...encontré esto www.w3schools.com/jsref/prop_win_localstorage.asp pero no sé como aplicarlo...
@bluuweb
@bluuweb 6 лет назад
jajajaja tiene algunas pillerías pero ahí las vamos a poner en práctica jijiji Saludos!
@ReparaciondeconsolasTorreon
@ReparaciondeconsolasTorreon 2 года назад
como puedo usar delegation en elementos clonados y insertados mediante fragment?
@sebastianmanco5072
@sebastianmanco5072 3 года назад
mennnn sos un crack, hace un camisa de bluu o mugs ajajaja los compro todosssssss masetro
@mariocalcetin7602
@mariocalcetin7602 4 года назад
Crack don Blu!!!
@thejuanelopvp
@thejuanelopvp 6 лет назад
Buen video bro, espero con ansias la base de datos en el navegador :)
@bluuweb
@bluuweb 6 лет назад
Lo preparo y lo subo :) creo que dividiré en dos ... teoría y práctica 👍🏼 saludos !!
@thejuanelopvp
@thejuanelopvp 6 лет назад
Bluuweb ! Vale :)
@rafaelpereiraarias
@rafaelpereiraarias 6 лет назад
X2
@JValenteM92
@JValenteM92 6 лет назад
x3
@AngeelRdz08
@AngeelRdz08 6 лет назад
Excelente video!!!!!
@bluuweb
@bluuweb 6 лет назад
Gracias!!! Saludos!!
@TheJuanBM1
@TheJuanBM1 6 лет назад
Excelente video 💎
@bluuweb
@bluuweb 6 лет назад
Gracias!! Saludos!! 😁
@rogeclash2631
@rogeclash2631 4 года назад
hola esta el codigo en git hub ? Gracias
@carlosdanielcastellanosgar8153
@carlosdanielcastellanosgar8153 8 месяцев назад
Se que el video es viejo pero si alguien ve mi comentario, saben cual es el tema que usa en el vs?
@martinflores9611
@martinflores9611 6 лет назад
Siempre veo tus vídeos y me gustan estan chidos pero este me gustó mucho saludos Haha y te pareces a zeta(no recuerdo todo su nombre) pero juega Mario bros y creo que son hasta del mismo pais
@bluuweb
@bluuweb 6 лет назад
jijiji lo voy a buscar jijiji Saludos!
@ricardoalfredopavezcatrileo
@ricardoalfredopavezcatrileo 4 года назад
@UCH7IANkyEcsVW_y1IlpkamQ... muy bueno tus videos master....Saludos
@CristalGarcia16
@CristalGarcia16 5 лет назад
@iNVICTUX
@iNVICTUX 6 лет назад
Even delegeichon
@jhosteen1792
@jhosteen1792 3 года назад
if (e.target.classList[0] === "black") { body.style.background = "black" } else if (e.target.classList[0] === "orange") { body.style.background = "orange" } else if (e.target.classList[0] === "blue") { body.style.background = "blue" } else if (e.target.classList[0] === "green") { body.style.background = "green" } así fue como lo hice
@heimysalvarado6274
@heimysalvarado6274 5 лет назад
Saludos... un tip.... ed.team/blog/microtip-no-uses-queryselector-para-id
@franzsalinas
@franzsalinas 2 года назад
Gracias genio!!
Далее
Lo Básico sobre Fetch / Promesas y Async Await
11:46
DOM JavaScript - 💪Tutorial en Español 2018
16:07
Просмотров 70 тыс.
JavaScript ¿Qué es la HERENCIA de PROTOTIPOS?
12:21
Просмотров 3,2 тыс.