Hola tengo un problema estoy haciendo un formulario y cuando completo los campos le doy al boton "submit" pero me vuelve a cargar la misma pagina. Yo quiero que me lleve a otra, pero no quiero usar un "anchor" porque no me va exigir completar los campos.. nose si tengo que renderizar algo
Hola, si bien puede parecer mas sencillo utilizar innerHTML es posible que sea mas performante utilizar nodos, acá te dejo un articulo que habla al respecto www.javascripttutorial.net/javascript-dom/javascript-innerhtml-vs-createelement/ Saludos!
Muchas gracias por tu comentario! Acá podes encontrar el código del video github.com/programandoeldestino/render-html-desde-javascript/blob/main/index.html Saludos!
Generalmente lo que hacemos es agregar clases a un elemento que ya tiene asignadas, por esta razón resulta mas practico utilizar .classList.add() de otra forma tendríamos que estar concatenando las clases viejas con las clases a agregar, espero que se haya entendido! Saludos!
Muy bueno el video, estaría bueno si no es mucho problemas para este tipo de vídeos que se suban los fuentes para poder verlos tranquilos y de paso practicar un poco. Gracias. Saludos.
Hola! Muchas gracias por el comentario, estoy trabajando en eso para que estén disponibles los códigos de las clases, espero que pronto pueda dejarte el link, gracias!
Amigo una pregunta m aparece que tengo un problema que me hacen falta caracteres "," o "}" en mi blog pero cómo voy a saber en qué parte es la que hace falta? Soy nuevo
Hola, no entendí muy bien el problema puntual, pero si copias tu código dentro del VS Code (code.visualstudio.com/) probablemente te muestre los errores que estas cometiendo. Saludos!
@@programandoeldestino4492 lo descargo y ahí copio mi código? Es que hice un blog en Blogger y en Google search console me apareció un error de análisis que hacen falta caracteres "," o "}" pero pues no sé cómo saber en qué parte específica es que hacen falta esos caracteres
Muchas gracias por tu comentario! Te dejo el link del código github.com/programandoeldestino/render-html-desde-javascript/blob/main/index.html Saludos!
@@programandoeldestino4492 @Programando el Destino Genial, muchas gracias!! Tengo una consulta, ¿se puede hace que en el Alert aparezca el mensaje con el nombre del artículo que compraste? No solamente el numero 1, 2 o 3 del data-producto. Gracias
@@christiancoyto8471 Hola, si, hay muchas formas de hacerlo tomando este código como base, podrías dejar un data-nombre en lugar de data-producto con el valor, podrías hacer una obtención del textContent del h2 que esta dentro del articulo, podrías utilizando el valor de data-producto buscar en el array de productos el que tenga ese id y de ahí recuperar la propiedad nombre, dependiendo como plantees la lógica lo podes hacer de diferente maneras. Saludos!
@@programandoeldestino4492 Muchas gracias crack! lo hice de una manera que dijiste y me quedó bien, pero quiero hacerlo de la siguiente y no me funciona, me puedes ayudar, hago esto: function comprarProducto(e){ for(let i = 0; i < productos.length; i++){ if(e.target.parentNode.dataset.producto === productos[i].id)
alert(`Gracias por comprar el producto ${productos[i].nombre}`) } }
@@christiancoyto8471 Creo que el problema lo tenes en la comparación, el dataset.producto te va a devolver un string con el numero y lo estas comparando con un number del array, entonces el === te va a dar falso, tenes que hacer una conversión de tipo, por ejemplo: parseInt(e.target.parentNode.dataset.producto, 10) === productos[i].id Saludos!
![Curso Javascript - LAZY LOADING de Imagenes NATIVO - HTML5 [Intersection Observer]](http://i.ytimg.com/vi/vv_RtmTxVlQ/mqdefault.jpg)
¡Genial! Si seguís subiendo los sigo viendo! Gracias.
Muchas gracias por tu comentario! Quizás un poco mas adelante retome con los videos! Saludos!
Justo lo que estaba buscando ! Gracias por la explicación! Saludos
Que bueno que te sirvió! Muchas gracias por el comentario! Saludos!
@@programandoeldestino4492 me ayudo no sabes cuanto, ya que no encontraba un ejemplo practico, y el tuyo lo fue! sigue así bro!
Hola tengo un problema estoy haciendo un formulario y cuando completo los campos le doy al boton "submit" pero me vuelve a cargar la misma pagina. Yo quiero que me lleve a otra, pero no quiero usar un "anchor" porque no me va exigir completar los campos.. nose si tengo que renderizar algo
Super bien explicado, puedes hacer un vídeo explicando la función render? para los renderizados condicionales desde vanilla js?
Hola, muchas gracias por tu comentario! Puede que a futuro haya mas de eso! Saludos!
Excelente
Muchas gracias por tu comentario! Saludos!
y que se considera una mejor practica? los nodos? o el innerHTML?
Hola, si bien puede parecer mas sencillo utilizar innerHTML es posible que sea mas performante utilizar nodos, acá te dejo un articulo que habla al respecto www.javascripttutorial.net/javascript-dom/javascript-innerhtml-vs-createelement/ Saludos!
Excelente explicacion, muy claro. Seria bueno si pudieses compartirnos el repositorio en GitHub para descargar los estilos. Muchas gracias.
Muchas gracias por tu comentario! Acá podes encontrar el código del video github.com/programandoeldestino/render-html-desde-javascript/blob/main/index.html Saludos!
Hola¡¡ una pregunta.¿ cual es la mejor opción para cambiar las clases de un elemento? classList.add() o es mejor setAttribute()? Saludos :).
Generalmente lo que hacemos es agregar clases a un elemento que ya tiene asignadas, por esta razón resulta mas practico utilizar .classList.add() de otra forma tendríamos que estar concatenando las clases viejas con las clases a agregar, espero que se haya entendido! Saludos!
Muy bueno el video, estaría bueno si no es mucho problemas para este tipo de vídeos que se suban los fuentes para poder verlos tranquilos y de paso practicar un poco. Gracias. Saludos.
Hola! Muchas gracias por el comentario, estoy trabajando en eso para que estén disponibles los códigos de las clases, espero que pronto pueda dejarte el link, gracias!
Amigo una pregunta m aparece que tengo un problema que me hacen falta caracteres "," o "}" en mi blog pero cómo voy a saber en qué parte es la que hace falta? Soy nuevo
Hola, no entendí muy bien el problema puntual, pero si copias tu código dentro del VS Code (code.visualstudio.com/) probablemente te muestre los errores que estas cometiendo. Saludos!
@@programandoeldestino4492 lo descargo y ahí copio mi código? Es que hice un blog en Blogger y en Google search console me apareció un error de análisis que hacen falta caracteres "," o "}" pero pues no sé cómo saber en qué parte específica es que hacen falta esos caracteres
¿Y si se recarga la página se pierde todo?
Hola, si se refresca la pagina se tiene que volver a ejecutar todo el código de JS y regenerar la aplicación. Saludos!
Muy buen video, lástima que no hay link para descargar el código y practicar :/
Muchas gracias por tu comentario! Te dejo el link del código github.com/programandoeldestino/render-html-desde-javascript/blob/main/index.html Saludos!
@@programandoeldestino4492 @Programando el Destino Genial, muchas gracias!! Tengo una consulta, ¿se puede hace que en el Alert aparezca el mensaje con el nombre del artículo que compraste? No solamente el numero 1, 2 o 3 del data-producto. Gracias
@@christiancoyto8471 Hola, si, hay muchas formas de hacerlo tomando este código como base, podrías dejar un data-nombre en lugar de data-producto con el valor, podrías hacer una obtención del textContent del h2 que esta dentro del articulo, podrías utilizando el valor de data-producto buscar en el array de productos el que tenga ese id y de ahí recuperar la propiedad nombre, dependiendo como plantees la lógica lo podes hacer de diferente maneras. Saludos!
@@programandoeldestino4492 Muchas gracias crack! lo hice de una manera que dijiste y me quedó bien, pero quiero hacerlo de la siguiente y no me funciona, me puedes ayudar, hago esto:
function comprarProducto(e){
for(let i = 0; i < productos.length; i++){
if(e.target.parentNode.dataset.producto === productos[i].id)
alert(`Gracias por comprar el producto ${productos[i].nombre}`)
}
}
@@christiancoyto8471 Creo que el problema lo tenes en la comparación, el dataset.producto te va a devolver un string con el numero y lo estas comparando con un number del array, entonces el === te va a dar falso, tenes que hacer una conversión de tipo, por ejemplo: parseInt(e.target.parentNode.dataset.producto, 10) === productos[i].id Saludos!