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.
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!
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!
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; }
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
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 }
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?
hola men, explicas muy bien la verdad. sabes, no seria mas rapido hacer esto? function delegacion(e){ e.preventDefault(); colorboton=e.target.classList[1];
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
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...
![LocalStorage [Conceptos y definiciones] ❤ JAVASCRIPT ❤](http://i.ytimg.com/vi/7hR7oTpDukc/mqdefault.jpg)
![LocalStorage [Conceptos y definiciones] ❤ JAVASCRIPT ❤](/img/tr.png)
espectacular tu video, todo lo entendí a la perfección. Muchas gracias mi hermano. saludos desde Colombia.
Maestro Shileeenoooo! Te extrañaba tanto, jajajaja... JavaScript, que genio!
Jajajaja pronto más videos jajaja
@@bluuweb Por favor Maestro!!! Se lo ruego!!! Aprendo mucho y me divierto aun más!!! Gracias!!!
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.
Muchas gracias!! 😁 saludos !!
Qué maravilla de ejercicio, muchas gracias!
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!
Ya resolviste parte de mi proyecto de la escuela, gracias 😘😘😘
jajajaja Saludos!!
Genio, sin duda que explicación mas certera y didáctica...
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!
La verdad que sos un genio, espero muchos mas vídeos de JavaScript!
Gracias Broo! me solucionaste la vida con este método
Genio de la vidaaa! Me encantó el tuto de JS! Mis respetos desde Argentina, muy bien explicado!! Tienes mi suscripción!!
Qie genial gracias 🤩
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;
}
Excelente explicación, de esos vídeos qué llegan de casualidad y son muy útiles !
Muy bueno amigo, eres un crack, saludos!
Tus videos son geniales, gracias!
Muy buenos los tuto !!!!. Sigue asi , te felicito.
Gracias genio!!
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
Wuau se ve prometedor! dale con todo!! :) Saludos!!
Gracias por los videos.
muy buena chile, saludos desde alemania. :)
gracias amigo
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
}
Muy bueno, gracias por el aporte.
Gracias!! Saludos!!
Por cierto, puedes usar stopPropagation para que los eventos no muten entres parent and children.
Excelente y parece que es chileno!!!
Crack don Blu!!!
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?
Excelente video 💎
Gracias!! Saludos!! 😁
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;
}
Excelente video!!!!!
Gracias!!! Saludos!!
como puedo usar delegation en elementos clonados y insertados mediante fragment?
Buen video bro, espero con ansias la base de datos en el navegador :)
Lo preparo y lo subo :) creo que dividiré en dos ... teoría y práctica 👍🏼 saludos !!
Bluuweb ! Vale :)
X2
x3
muy bueno Gracias!, voy a hacerlo sin bootstrap :D
mennnn sos un crack, hace un camisa de bluu o mugs ajajaja los compro todosssssss masetro
hola esta el codigo en git hub ? Gracias
Excelente video, solo tengo una duda! ¿es necesario agregar los dos eventos click dentro de la función de flecha?
Yo tengo la misma duda, el código funciona sin la función flecha IIFE, yo creo que no es necesario
Podemos hacer que cuando las personas recarguen la pagina los redirija al inicio.?
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
jijiji lo voy a buscar jijiji Saludos!
Se que el video es viejo pero si alguien ve mi comentario, saben cual es el tema que usa en el vs?
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...
jajajaja tiene algunas pillerías pero ahí las vamos a poner en práctica jijiji Saludos!
@UCH7IANkyEcsVW_y1IlpkamQ... muy bueno tus videos master....Saludos
Even delegeichon
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
Saludos... un tip.... ed.team/blog/microtip-no-uses-queryselector-para-id
Gracias genio!!