Importante! Cometí un error que consiste en leer localstorage antes de crear información ahí. En mi video no pasa porque este ejemplo yo lo había hecho de antemano por lo cual tenía algo guardado en la memoria. Para solucionar este problema hay que dejar la constante "memoria" en un estado usable aunque no haya nada. ¿Cuál es el estado usable? Un array vacío. Para hacerlo cambiamos la línea " const memoria = localStorage.getItem("bicicletas");" por " const memoria = localStorage.getItem("bicicletas") || [];" Saludos a todos!
Buenas! No estoy seguro bien de lo que preguntás! Pero este proyecto si le cambiás los nombres y contenidos a las variables lo podés reutilizar para lo que quieras.
Respecto de clases particulares actualmente no estoy dando, porque estoy completo con las clases que doy en la universidad y con otros proyectos :/ Sin embargo pienso seguir subiendo videos pronto.
Gracias! Trato de ser didáctico mostrando todos los pasos y todas las líneas que escribo para ayudar a gente en todos los niveles! Suerte en tu camino de aprendizaje!
Gracias por compartir tus conocimientos son de gran ayuda . Quisiera que hicieras las instrucciones para asociar mercado de pago al carrito e pasarela de pago - Saludos
Es una gran idea! Pero antes de ese video tengo que hacer otros de backend preparando al público para ese tema! El truco de la pasarela de pago es que tenés que tener un back sí o sí..
Gracias le doy a Dios por mandarme a ver tus videos, la verdad me ayudaron mucho y una lastima que solo sea 4.11k de suscriptores la verdad pero buenísimo el contenido en especial el java script gracias la verdad
Para todos los que les interese agregar productos dinámicos en vez de usar el array predefinido de productos, puede seguir mi video de backend de productos ua-cam.com/video/UEjf7k32mTg/v-deo.html que se complementa perfecto con este video!
Jajaja muy gracioso el thumbnail! Excelente video, me parece una buena idea para empezar a incorporarlo en mis proyectos y abarcar otros rubros como las tiendas online. Gracias!😁
Hola quisiera un video donde hagas un front y back, pero que nos hables de como aplicas los patrones de diseño en estos gracias, saludos, excelentes videos!
No estaría mal! Pero va a tener que esperar porque estoy a full grabando el curso de Angular! En donde no estoy usando el patrón MVC que es el que se suele explicar al principio.
Muy bueno el video, te hago una consulta. Yo tengo un proyecto en el que el carrito lo traigo desde una base de datos. Si aplico el codigo que vos pones, sirve? Por q tu json lo traes desde el archivo bicicletas.js. yo tengo lo mismo, pero aparte de eso va a mongo. Vi el video y me parecio muy bueno pero tengo miedo de empezar a adaptar a mi código y que no funcione. Gracias!
.json gracias la verdad fue ginial una quemada de cabeza, igual fui a la par tuya pero yo le di mi estilo e hize de otra manera, lo que realmente me cuesta mucho es saber donde va cada funcion y como pensar una funcion como haces para darte cuenta de eso? el tiempo y la practica te lo dan? eso es lo que realmente me cuesta pero soy nuevo en esto, gracias Maestro, seguire firma como soldado a este canal
Buenas Fernando! Lo que tenés problemas de asimilar es lo que se llama el patrón de diseño de la aplicación. Si bien hay reglas para aprenderlas (podés buscar en internet) se aprende haciendo y haciendo mucho. Con el tiempo le vas a agarrar la mano no te preocupes! Gracias por el comentario!
si los productos los estuviese leyendo desde una DB con php, como puedo entonces hacer para agregarlo al localstorage? yo intenté meter un script de js hasta abajo del while con PHP pero no me funcionó
Si PHP está corriendo en un servidor (una pc que no es la del cliente) entonces no hay localstorage, que es una propiedad exclusiva del navegador. Si querés acceder al localstorage del cliente asegurate de enviar código javascript al cliente que contenga los setItem y getItem.
Muy bueno video brother! Todo excelente explicado, te hago una consulta si quiero hacer hover sobre el icono del carrito y que se despliega tal cual lo tienes en el cart.html cual seria la logica de javascript para ello? Lo intentado ya varios dias y aun no puedo hacer que se muestre, desde ya gracias!
Buenas! Gracias por tu mensaje! Si querés tener todo junto entonces tenés que unificar las 2 páginas en una sola. Todo lo que está en cart lo traés al home y todo el html del cart lo ponés en una que ocultás o mostrás según el hover. En este caso le pondría un evento mouseover al cart para sacarle la clase que esconde el cart. Después pondría un evento mouseout al cart para que cuando saques el mouse del cart desaparezca. No sé si eso aclara un poco las cosas! Ya para hacer algo un poco más complejo que esto por mi parte lo haría usando algún framework de frontend (en mi canal enseño Angular pero puede ser cualquier otro). Saludos!
amigo una pregunta, si en la pagina web se requiere agregar la opcion de comprar como se puede hacer eso es decir que el cliente pueda ver los productos y comprarlos o como funciona eso
Buenas! El proceso para un carrito de compras entero con pasarela de pago es bastante más complejo de lo que ves acá. En principio vas a necesitar sí o sí tener un backend, porque manejar compras desde frontend es exponerte a grandes riesgos de seguridad. En detalle la arquitectura te queda así: 1) Desde el front cargás los productos disponibles consultando al backend cuáles son los productos que hay que mostrar. 2) Desde el front se muestran los productos y se hace todo lo de este video. 3) Desde el front se piden datos de tarjeta y son enviados al back para que el back apruebe o rechace la compra, a la vez el back tiene que preguntar esto mismo al administrador de la tarjeta de crédito. 4) El back registra en la base de datos la compra exitosa y envía la confirmación al front. 5) El front muestra el mensaje de éxito. Si sentís que todo lo que escribí es chino, entonces todavía tenés camino que hacer antes de ver esto. Si entendiste más o menos ya estás listo para bucar tutoriales o curso de creación de "e-commerce" que es donde se ve todo eso. Yo tengo idea de hacer uno, pero dentro de bastante, ya que ahora estoy subiendo un curso de Angular y tengo otro curso en mente que quiero hacer. Cualquier consulta no dudes en preguntar! Calo
Anotado! Más allá de la funcionalidad del registro, que es más un ejercicio de back end, acá tenés como hacer formularios y como validarlos. ua-cam.com/video/KSlki8Z2tPo/v-deo.html
muy bueno el video, pero sería genial si se pudiera hacer dinámico. Es decir, sin definir el arreglo de bicicletas sino más bien que te manden las cosas
Sí, estaría bastante mejor! Pero para eso necesitaríamos un backend, y el video se hubiese extendido un montón! En mi video "backend de productos" ua-cam.com/video/UEjf7k32mTg/v-deo.html hago la parte que falta!
Acabo de terminar de ver el video creo que falto o me lo perdí, que al tocar reiniciar carrito, la función tenga agregada la función actualizarNumeroCarrito, tal vez me equivoco si alguno sabe bien que me corrija. Muchas gracias por el tutorial rey
Gracias por tu mensaje! Mmmm creo que esta funcionalidad está en el código. Mirá el cartService acá github.com/cacalo/Carrito-de-compras/blob/main/js/cartService.js y fijate que en cáda método hay una llamada a actualizarNumeroCarrito(), inclusive en la función "reinicarCarrito()"
Buenas! No termino de entender tu pregunta :/ Si querés crear un PDF con lo que tenés en pantalla podés abrir la ventana de "imprimir" y poner guardar como pdf!
buenas Noches como estas? Te hago una consulta, Segui tu tutorial para hacer un proyecto pero a la hora de sumar productos desde el carrito me suma de a dos unidades. sabes como puedo solucionarlo?
Mmmm me suena a que tenés código duplicado! Buscá lo siguiente: * 2 eventListeners que escuchan el mismo evento. * En tu código de respuesta al evento de click dos veces la referencia a la función que suma un elemento al carrito. Sé que parece un error dificil de hacer, pero me ha pasado literalmente esta semana con alumnos de la facultad, había literalmente código duplicado pero a la hora de buscar el error a nuestro cerebro le cuesta mucho darse cuenta que hay código dos veces, es como que apaga la detección de eso..!
Has un proyecto silimar en el cual tenga una pagina de registro para el administrador y que los productos que agrege el administrador se reflejen en la pagina del usuario que desea comprar esos articulos con javaScript y mysql.
Buenas! No termino de entender tu pregunta. Querés que otro botón tenga la funcionalidad de agregar al carrito? En ese caso tenes que ponerle un evento de click a ese otro botón y hacerlo qué ejecute la misma función de tu otro boton. Si la función que ejecuta tu botón original es una función de flecha,ñ anónima, vas a tener que ponerle un nombre así la podes ejecutar desde los dos botones distintos. Si entendí mal explicame de nuevo y vemos!
tenia 20 productos ya subidos en mi index y ahora por alguna razón no me los pone en la pagina para agregar al carrito... esto como puedo solucionarlo?
Mmm podrían ser muchísimas cosas! Primero revisá que no haya un error en la consola, si lo hay tenés que arrancar por ahí a revisar. Si no hay nada fijate de no haber cambiado el ID del contenedor donde creas los productos. También podrías revisar que tu fuente de datos (tus productos) estén y estén bien vinculados. Sin saber exacto lo que estás haciendo es muy complicado arreglarlo.
Buenas! NaN es not a number lo que significa que estás haciendo una operación matemática o un parseInt/parseFloat a algo que no es un número. Tratá de buscar en tu código en donde podría estar sucediendo eso y avisame!
Buen día, Estoy inicando en el area; esta función function agregarAlCarrito(producto){ const memoria = localStorage.getItem("bicicletas"); console.log(memoria); } La información de la consola es: undefined
Buenas! Tres cosas: 1) localstorage va todo en minúsculas, fijate de no estar errandole (aunque si tuvieses este error estaría todo marcado en el editor) 2) Para que puedes gacer un localstorage.getItem("bicicletas") antes tendrías que haber hecho un localstorage.setItem("bicicletas",JSON.stringify(objetoBicicletas)), fijate de haber guardado algo en "bicicletas" antes de leerlo. Si no sabés como verlo es desde la pestaña "application" o "aplicación" dentro de las herramientas del navegador para desarrolladores, en la sección de localstorage. 3) Acá me confundí yo, al leer el localstorage si no tenés nada de bicicletas todavía, deberías dejar la const memoria en un estado usable, por ejemplo en array vacío []. Para eso podés cambiar tu línea a const memoria = localStorage.getItem("bicicletas") || []; Con esto deberías estar! Saludos!
@@puntojson Buen día Carlos, en verdad yo estaba cometiendo muchos errores de tipeo, retone el ejercicio desde su inicio y lo culmine satisfatoriamente.... Tu comunicación tiene mucha pedagogía.
Buenas! Te puedo ayudar pero necesito información! Por empezar querría saber si tenés un error en consola, o qué estabas haciendo cuando empezaste a tener el error. Saludos!
Buenas! Es muy difícil con esa descripción saber de una qué es lo que falla, pueden ser muchas cosas! Te recomiendo que pongas un console.log bien detallado en la función que actualiza el carrito para ver si lo que falla es un error de lógica o de matemática, el console.log debería decir algo como "la cantidad carrito actual es X y le voy a agregar Y cantidad, el resultado debería ser Z" (cambia las letras por variables o cálculos). Si no te sale ningún console.log es porque nunca estás llamando a la función cuando agregás algo al carrito, si aparece algo y lo que dice es correcto, entonces probablemente tenés un error de despistado más adelante, si lo que aparece en el log está equivocado el error está en otro lado! Avisame que tal.
Buenas! Si podés brindarme más información quizás te pueda ayudar! Seguramente es un error de tipeo en las url de las imágenes. Podés si querés mirar la pestaña network/red de tu navegador y fijarte qué imágenes se están intentando cargar, para comparar las url y ver si están bien escritas. Saludos!
Uncaught SyntaxError: "undefined" is not valid JSON at JSON.parse () at agregarAlCarrito (cartService.js:2:26) at HTMLButtonElement. (index.js:14:89) AYUDA ME SALTA ESTE ERROR Y NO ENTIENDO A QUE SE DEBE
Encontré el error en cartService.js, en la línea 7, la parte de JSON.stringify no es entre [] sino entre (). Entonces quedaría así: localStorage.setItem('bicicletas', JSON.stringify(nuevoProducto)). Suerte!
@@alexisfranco6002 let memoria = JSON.parse(localStorage.getItem("bicicletas")) || [ ] Le cambie el const de memoria a let y agregue al final un "|| []" diciendo que tambien puede ser un array
Importante!
Cometí un error que consiste en leer localstorage antes de crear información ahí. En mi video no pasa porque este ejemplo yo lo había hecho de antemano por lo cual tenía algo guardado en la memoria.
Para solucionar este problema hay que dejar la constante "memoria" en un estado usable aunque no haya nada. ¿Cuál es el estado usable? Un array vacío.
Para hacerlo cambiamos la línea " const memoria = localStorage.getItem("bicicletas");" por " const memoria = localStorage.getItem("bicicletas") || [];"
Saludos a todos!
No entendí :(
Tremendo video! El unico que explica cada paso, me refrescas la memoria a full. Tremendo profesor! Saludos desde Salta, Argentina.
Gracias hermano! Mi idea es ser bien puntilloso con todo, que no quede nada del proceso afuera. Me alegra que pienses lo mismo!
Muy bueno amigo este vídeo. Cordiales saludos.
Gracias por tomarte el esfuerzo de explicarnos todas estas cosas
De nada! Espero haberte ayudado!
Estoy adenrándome en este mundo de JS y la verdad que me ayudaste a entender mejor lo del Local Storage. Gracias por esto, te voy a re seguir!😉
Gracias Cristina! :) Nos vemos en próximos videos!
@@puntojson Hola buenas me serviría para presentar un proyector de frotend
.Masomenos este sería un simulador que ayude al usuario .
Tipo app?
@@puntojsonHola profe da clases js
O realizar trabajos practicos
Buenas! No estoy seguro bien de lo que preguntás! Pero este proyecto si le cambiás los nombres y contenidos a las variables lo podés reutilizar para lo que quieras.
Respecto de clases particulares actualmente no estoy dando, porque estoy completo con las clases que doy en la universidad y con otros proyectos :/
Sin embargo pienso seguir subiendo videos pronto.
Muy didáctico, gracias totales maestro por tu aporte que me ayuda a aprender cada día más.
Gracias! Trato de ser didáctico mostrando todos los pasos y todas las líneas que escribo para ayudar a gente en todos los niveles!
Suerte en tu camino de aprendizaje!
Gracias Calo! explicas re bien :) me re sirve para repasar mis conceptos de js
Graciasss!
BUEN VIDEO BRO !
Gracias bro! Saludos
Gracias amigo muy amable de tu parte. Bendiciones
Bendiciones para vos también ❤️
Gracias por compartir tus conocimientos son de gran ayuda . Quisiera que hicieras las instrucciones para asociar mercado de pago al carrito e pasarela de pago - Saludos
Es una gran idea! Pero antes de ese video tengo que hacer otros de backend preparando al público para ese tema! El truco de la pasarela de pago es que tenés que tener un back sí o sí..
Excelente video, saludos desde Lima- Perú.
Gracias Luis! Saludos desde Argentina
Gracias le doy a Dios por mandarme a ver tus videos, la verdad me ayudaron mucho y una lastima que solo sea 4.11k de suscriptores la verdad pero buenísimo el contenido en especial el java script gracias la verdad
Gracias Cristhian por semejante mensaje! Voy a tratar de meter más cosas de javascript. :)
excelente video! buenisima la predisposicion para explicar! te felicita! seguire mirando y probando con cada video! gracias!!!
Gracias Ivo! Una gran alegría tu mensaje!
Para todos los que les interese agregar productos dinámicos en vez de usar el array predefinido de productos, puede seguir mi video de backend de productos ua-cam.com/video/UEjf7k32mTg/v-deo.html que se complementa perfecto con este video!
Jajaja muy gracioso el thumbnail! Excelente video, me parece una buena idea para empezar a incorporarlo en mis proyectos y abarcar otros rubros como las tiendas online. Gracias!😁
Me costó bastante hacerla jajaja gracias!
genial este curso me ayudo mucho gracias por el contenido mi mayor apoyo para el canal
Graciias Kali!
Un saludo!
que esfuerzoooo profes asi hace falta mil graciasssssss
Gracias por el mensaje! Alumnas qué vean videos y estudien también estarían bien 😁😁
Muchas gracias, lo intentaré. Saludos.
Suerte!
Muy buen video. Cortito y al pie!
Me han dicho de todo, pero cortito nunca! Jajaj
Me alegro de que te sirva!
Perfecto, muchas gracias! Ahora a practicar
Excelente!
Excelente video, muy profesional. Te felicito.
Gracias!!
Gracias por el video amigo. Muy bien explicado. Abrazo grande!
Gracias! Abrazo!
sos un grande gracias por tu esfuerzo y dedicación!
De nada 😊
Hago lo que puedo!
Hola quisiera un video donde hagas un front y back, pero que nos hables de como aplicas los patrones de diseño en estos gracias, saludos, excelentes videos!
No estaría mal! Pero va a tener que esperar porque estoy a full grabando el curso de Angular! En donde no estoy usando el patrón MVC que es el que se suele explicar al principio.
Muy bueno el video, te hago una consulta. Yo tengo un proyecto en el que el carrito lo traigo desde una base de datos. Si aplico el codigo que vos pones, sirve? Por q tu json lo traes desde el archivo bicicletas.js. yo tengo lo mismo, pero aparte de eso va a mongo. Vi el video y me parecio muy bueno pero tengo miedo de empezar a adaptar a mi código y que no funcione. Gracias!
Genio
Buenas esta genial el video😊 , podrias hacer la parte del backend para este projecto?
Buenas! Es el video que le sigue a este, te dejo el link acá ua-cam.com/video/UEjf7k32mTg/v-deo.html
Saludos!
Muchísimas gracias por la ayudaa, muy buen video ⭐⭐⭐⭐⭐
De nada Agustín! Suerte en tu camino de desarrollador!
.json gracias la verdad fue ginial una quemada de cabeza, igual fui a la par tuya pero yo le di mi estilo e hize de otra manera, lo que realmente me cuesta mucho es saber donde va cada funcion y como pensar una funcion como haces para darte cuenta de eso? el tiempo y la practica te lo dan? eso es lo que realmente me cuesta pero soy nuevo en esto, gracias Maestro, seguire firma como soldado a este canal
Buenas Fernando! Lo que tenés problemas de asimilar es lo que se llama el patrón de diseño de la aplicación. Si bien hay reglas para aprenderlas (podés buscar en internet) se aprende haciendo y haciendo mucho. Con el tiempo le vas a agarrar la mano no te preocupes!
Gracias por el comentario!
si los productos los estuviese leyendo desde una DB con php, como puedo entonces hacer para agregarlo al localstorage? yo intenté meter un script de js hasta abajo del while con PHP pero no me funcionó
Si PHP está corriendo en un servidor (una pc que no es la del cliente) entonces no hay localstorage, que es una propiedad exclusiva del navegador. Si querés acceder al localstorage del cliente asegurate de enviar código javascript al cliente que contenga los setItem y getItem.
Eres genial el mejor de los mejores
Graciasss por estar y por tu mensaje :)
Muy bueno video brother! Todo excelente explicado, te hago una consulta si quiero hacer hover sobre el icono del carrito y que se despliega tal cual lo tienes en el cart.html cual seria la logica de javascript para ello? Lo intentado ya varios dias y aun no puedo hacer que se muestre, desde ya gracias!
Buenas! Gracias por tu mensaje!
Si querés tener todo junto entonces tenés que unificar las 2 páginas en una sola.
Todo lo que está en cart lo traés al home y todo el html del cart lo ponés en una que ocultás o mostrás según el hover.
En este caso le pondría un evento mouseover al cart para sacarle la clase que esconde el cart.
Después pondría un evento mouseout al cart para que cuando saques el mouse del cart desaparezca.
No sé si eso aclara un poco las cosas! Ya para hacer algo un poco más complejo que esto por mi parte lo haría usando algún framework de frontend (en mi canal enseño Angular pero puede ser cualquier otro).
Saludos!
amigo una pregunta, si en la pagina web se requiere agregar la opcion de comprar como se puede hacer eso es decir que el cliente pueda ver los productos y comprarlos o como funciona eso
Buenas! El proceso para un carrito de compras entero con pasarela de pago es bastante más complejo de lo que ves acá.
En principio vas a necesitar sí o sí tener un backend, porque manejar compras desde frontend es exponerte a grandes riesgos de seguridad.
En detalle la arquitectura te queda así:
1) Desde el front cargás los productos disponibles consultando al backend cuáles son los productos que hay que mostrar.
2) Desde el front se muestran los productos y se hace todo lo de este video.
3) Desde el front se piden datos de tarjeta y son enviados al back para que el back apruebe o rechace la compra, a la vez el back tiene que preguntar esto mismo al administrador de la tarjeta de crédito.
4) El back registra en la base de datos la compra exitosa y envía la confirmación al front.
5) El front muestra el mensaje de éxito.
Si sentís que todo lo que escribí es chino, entonces todavía tenés camino que hacer antes de ver esto. Si entendiste más o menos ya estás listo para bucar tutoriales o curso de creación de "e-commerce" que es donde se ve todo eso.
Yo tengo idea de hacer uno, pero dentro de bastante, ya que ahora estoy subiendo un curso de Angular y tengo otro curso en mente que quiero hacer.
Cualquier consulta no dudes en preguntar!
Calo
nuevo suscriptor 😌
Gracias! 😊
Nos vemos en próximos videos!
holaa, estaria bueno que hagas un video explicando como hacer un formulario de registro aplicando JavaScript
Anotado! Más allá de la funcionalidad del registro, que es más un ejercicio de back end, acá tenés como hacer formularios y como validarlos. ua-cam.com/video/KSlki8Z2tPo/v-deo.html
bro en el 20:38 te enredaste demaciado para algo tan simple
A veces pasa..!
Genio !
Gracias!
Sos un capo
Gracias 😊😊
muy bueno el video, pero sería genial si se pudiera hacer dinámico. Es decir, sin definir el arreglo de bicicletas sino más bien que te manden las cosas
Sí, estaría bastante mejor! Pero para eso necesitaríamos un backend, y el video se hubiese extendido un montón! En mi video "backend de productos" ua-cam.com/video/UEjf7k32mTg/v-deo.html hago la parte que falta!
alguien sabe como hacer para que las imagenes en los carritos me carguen?
Buenas! Sin más información de que está pasando se complica ayudar. ¿Tenés algún mensaje de error?
Acabo de terminar de ver el video creo que falto o me lo perdí, que al tocar reiniciar carrito, la función tenga agregada la función actualizarNumeroCarrito, tal vez me equivoco si alguno sabe bien que me corrija. Muchas gracias por el tutorial rey
Gracias por tu mensaje!
Mmmm creo que esta funcionalidad está en el código.
Mirá el cartService acá github.com/cacalo/Carrito-de-compras/blob/main/js/cartService.js y fijate que en cáda método hay una llamada a actualizarNumeroCarrito(), inclusive en la función "reinicarCarrito()"
Hola! el carrito se puede poner en un pdf en adobe acrobat pro?
Buenas! No termino de entender tu pregunta :/
Si querés crear un PDF con lo que tenés en pantalla podés abrir la ventana de "imprimir" y poner guardar como pdf!
buenas Noches como estas? Te hago una consulta, Segui tu tutorial para hacer un proyecto pero a la hora de sumar productos desde el carrito me suma de a dos unidades. sabes como puedo solucionarlo?
Mmmm me suena a que tenés código duplicado! Buscá lo siguiente:
* 2 eventListeners que escuchan el mismo evento.
* En tu código de respuesta al evento de click dos veces la referencia a la función que suma un elemento al carrito.
Sé que parece un error dificil de hacer, pero me ha pasado literalmente esta semana con alumnos de la facultad, había literalmente código duplicado pero a la hora de buscar el error a nuestro cerebro le cuesta mucho darse cuenta que hay código dos veces, es como que apaga la detección de eso..!
Has un proyecto silimar en el cual tenga una pagina de registro para el administrador y que los productos que agrege el administrador se reflejen en la pagina del usuario que desea comprar esos articulos con javaScript y mysql.
Lo estuve pensando! Tendría que ser un curso en vez de un video, o un video mega largo explicando todo..!
@@puntojson Estaría súper
en el caso de otro boton como puedo hacer para que me funcione el boton de agregar al carrito?
Buenas! No termino de entender tu pregunta.
Querés que otro botón tenga la funcionalidad de agregar al carrito? En ese caso tenes que ponerle un evento de click a ese otro botón y hacerlo qué ejecute la misma función de tu otro boton.
Si la función que ejecuta tu botón original es una función de flecha,ñ anónima, vas a tener que ponerle un nombre así la podes ejecutar desde los dos botones distintos.
Si entendí mal explicame de nuevo y vemos!
tenia 20 productos ya subidos en mi index y ahora por alguna razón no me los pone en la pagina para agregar al carrito... esto como puedo solucionarlo?
Mmm podrían ser muchísimas cosas!
Primero revisá que no haya un error en la consola, si lo hay tenés que arrancar por ahí a revisar.
Si no hay nada fijate de no haber cambiado el ID del contenedor donde creas los productos.
También podrías revisar que tu fuente de datos (tus productos) estén y estén bien vinculados.
Sin saber exacto lo que estás haciendo es muy complicado arreglarlo.
Hola bro una consulta , en el carrito a mi me figura NaN
Buenas! NaN es not a number lo que significa que estás haciendo una operación matemática o un parseInt/parseFloat a algo que no es un número.
Tratá de buscar en tu código en donde podría estar sucediendo eso y avisame!
Buenas yo descargue un teme con carrito para blogger, lo malo es al ver carrito no me sale nada :/, sabes cual es la solución ?
Sin más información es imposible saber! De todas maneras nunca desarrollé para blogger. De ese estilo solo WordPress.
Buen día, Estoy inicando en el area; esta función
function agregarAlCarrito(producto){
const memoria = localStorage.getItem("bicicletas");
console.log(memoria);
} La información de la consola es: undefined
Buenas!
Tres cosas:
1) localstorage va todo en minúsculas, fijate de no estar errandole (aunque si tuvieses este error estaría todo marcado en el editor)
2) Para que puedes gacer un localstorage.getItem("bicicletas") antes tendrías que haber hecho un localstorage.setItem("bicicletas",JSON.stringify(objetoBicicletas)), fijate de haber guardado algo en "bicicletas" antes de leerlo. Si no sabés como verlo es desde la pestaña "application" o "aplicación" dentro de las herramientas del navegador para desarrolladores, en la sección de localstorage.
3) Acá me confundí yo, al leer el localstorage si no tenés nada de bicicletas todavía, deberías dejar la const memoria en un estado usable, por ejemplo en array vacío []. Para eso podés cambiar tu línea a const memoria = localStorage.getItem("bicicletas") || [];
Con esto deberías estar!
Saludos!
@@puntojson Buen día Carlos, en verdad yo estaba cometiendo muchos errores de tipeo, retone el ejercicio desde su inicio y lo culmine satisfatoriamente.... Tu comunicación tiene mucha pedagogía.
@@miguela.coau.393 Joya! Que bien que lo hayas podido completar! Saludos y gracias por el comentario!
Hola, Alguien me podria ayudar con el codigo. No me funciona
Por favor, si aguien puede
Buenas! Te puedo ayudar pero necesito información! Por empezar querría saber si tenés un error en consola, o qué estabas haciendo cuando empezaste a tener el error. Saludos!
En mi caso, el número del carrito solo se actualiza con el primer producto y se suman 6 + 6, los demas productos no suman nada. Ayuda!
Buenas! Es muy difícil con esa descripción saber de una qué es lo que falla, pueden ser muchas cosas!
Te recomiendo que pongas un console.log bien detallado en la función que actualiza el carrito para ver si lo que falla es un error de lógica o de matemática, el console.log debería decir algo como "la cantidad carrito actual es X y le voy a agregar Y cantidad, el resultado debería ser Z" (cambia las letras por variables o cálculos).
Si no te sale ningún console.log es porque nunca estás llamando a la función cuando agregás algo al carrito, si aparece algo y lo que dice es correcto, entonces probablemente tenés un error de despistado más adelante, si lo que aparece en el log está equivocado el error está en otro lado!
Avisame que tal.
@@puntojson Está bien, voy a revisar a ver dónde habré pasado algo por alto. Gracias
Hola, he repetido el video varias veces y no hacer que me salgan las imagnes !!
pudiste resolverlo?
Buenas!
Si podés brindarme más información quizás te pueda ayudar! Seguramente es un error de tipeo en las url de las imágenes.
Podés si querés mirar la pestaña network/red de tu navegador y fijarte qué imágenes se están intentando cargar, para comparar las url y ver si están bien escritas.
Saludos!
a alguen mas no le funciona el carrito?
Si me das más información quizá te pueda ayudar!
Uncaught SyntaxError: "undefined" is not valid JSON
at JSON.parse ()
at agregarAlCarrito (cartService.js:2:26)
at HTMLButtonElement. (index.js:14:89) AYUDA ME SALTA ESTE ERROR Y NO ENTIENDO A QUE SE DEBE
Tengo el mismo error! Y no encuentro a qué se debe!!
Encontré el error en cartService.js, en la línea 7, la parte de JSON.stringify no es entre [] sino entre (). Entonces quedaría así: localStorage.setItem('bicicletas', JSON.stringify(nuevoProducto)). Suerte!
lo pudiste resolver???
@@NaweMC no vos?
@@alexisfranco6002 let memoria = JSON.parse(localStorage.getItem("bicicletas")) || [ ] Le cambie el const de memoria a let y agregue al final un "|| []" diciendo que tambien puede ser un array