como CREAR una PAGINA WEB RESPONSIVE con HTML y CSS y JAVASCRIPT 😱 

@unamalan lograste encontrar la falla?

@@andreshenao8054no he intentado voy a checar y cualquier cosa te aviso va

const carrito = document.getElementById('carrito'); const elementos1 = document.getElementById('lista-1'); const lista = document.querySelector('#lista-carrito tbody'); const vaciarCarritoBtn = document.getElementById('vaciar-carrito'); cargarEventListeners(); function cargarEventListeners(){ elementos1.addEventListener('click', comprarElemento); carrito.addEventListener('click',eliminarElemento); vaciarCarritoBtn.addEventListener('click', vaciarCarrito); } function comprarElemento(e) { e.preventDefault(); if (e.target.classList.contains('agregar-carrito')) { const elemento = e.target.parentElement.parentElement; leerDatosElemento(elemento); } } function leerDatosElemento(elemento) { const infoElemento = { imagen: elemento.querySelector('img').src, titulo: elemento.querySelector('h3').textContent, precio: elemento.querySelector('.precio').textContent, id: elemento.querySelector('a').getAttribute('data-id') } insertarCarrito(infoElemento); } function insertarCarrito(elemento) { const row = document.createElement('tr'); row.innerHTML = ` ${elemento.titulo} ${elemento.precio} X `; lista.appendChild(row); } function eliminarElemento(e) { e.preventDefault(); let elemento, elementoId; if (e.target.classList.contains('borrar')) { elemento = e.target.parentElement.parentElement; elementoId = elemento.querySelector('a').getAttribute('data-id'); elemento.remove(); } } function vaciarCarrito() { while (lista.firstChild) { lista.removeChild(lista.firstChild); } return false; } copialo lo tengo bien

const carrito = document.getElementById('carrito'); const elementos1 = document.getElementById('lista-1'); const lista = document.querySelector('#lista-carrito tbody'); const vaciarCarritoBtn = document.getElementById('vaciar-carrito'); cargarEventListeners(); function cargarEventListeners(){ elementos1.addEventListener('click', comprarElemento); carrito.addEventListener('click',eliminarElemento); vaciarCarritoBtn.addEventListener('click', vaciarCarrito); } function comprarElemento(e) { e.preventDefault(); if (e.target.classList.contains('agregar-carrito')) { const elemento = e.target.parentElement.parentElement; leerDatosElemento(elemento); } } function leerDatosElemento(elemento) { const infoElemento = { imagen: elemento.querySelector('img').src, titulo: elemento.querySelector('h3').textContent, precio: elemento.querySelector('.precio').textContent, id: elemento.querySelector('a').getAttribute('data-id') } insertarCarrito(infoElemento); } function insertarCarrito(elemento) { const row = document.createElement('tr'); row.innerHTML = ` ${elemento.titulo} ${elemento.precio} X `; lista.appendChild(row); } function eliminarElemento(e) { e.preventDefault(); let elemento, elementoId; if (e.target.classList.contains('borrar')) { elemento = e.target.parentElement.parentElement; elementoId = elemento.querySelector('a').getAttribute('data-id'); elemento.remove(); } } function vaciarCarrito() { while (lista.firstChild) { lista.removeChild(lista.firstChild); } return false; } copialo me sirvio

Bro si te salió lo del carrito?

hola bro, sisi me salio que parte se te dificulto? @@cristhiancruz3462

Tienes el trabajo ya terminado? Ayudame porfavor tengo que enviar algo similar de tarea intente pero no me sale el style porfavor 😢

const carrito = document.getElementById('carrito'); const elementos1 = document.getElementById('lista-1'); const lista = document.querySelector('#lista-carrito tbody'); const vaciarCarritoBtn = document.getElementById('vaciar-carrito'); cargarEventListeners(); function cargarEventListeners(){ elementos1.addEventListener('click', comprarElemento); carrito.addEventListener('click',eliminarElemento); vaciarCarritoBtn.addEventListener('click', vaciarCarrito); } function comprarElemento(e) { e.preventDefault(); if (e.target.classList.contains('agregar-carrito')) { const elemento = e.target.parentElement.parentElement; leerDatosElemento(elemento); } } function leerDatosElemento(elemento) { const infoElemento = { imagen: elemento.querySelector('img').src, titulo: elemento.querySelector('h3').textContent, precio: elemento.querySelector('.precio').textContent, id: elemento.querySelector('a').getAttribute('data-id') } insertarCarrito(infoElemento); } function insertarCarrito(elemento) { const row = document.createElement('tr'); row.innerHTML = ` ${elemento.titulo} ${elemento.precio} X `; lista.appendChild(row); } function eliminarElemento(e) { e.preventDefault(); let elemento, elementoId; if (e.target.classList.contains('borrar')) { elemento = e.target.parentElement.parentElement; elementoId = elemento.querySelector('a').getAttribute('data-id'); elemento.remove(); } } function vaciarCarrito() { while (lista.firstChild) { lista.removeChild(lista.firstChild); } return false; } copialo lo tengo bien bro

Solucionaste el error?

Tampoco a mi me reconoce eso que procedeeee

@@cristhiancruz3462 gracias almenos ahora se que no solo soy yo el qu. Pasa eso

Hay que hacer una cooperación para comprarle el código

esta es la solucion: El código que proporcionaste tiene un error en la función leerDatosElemento donde estás tratando de obtener el precio del elemento con elemento.querySelector('precio').textContent. Para corregir este error, debes usar elemento.querySelector('.precio').textContent en lugar de elemento.querySelector('precio').textContent. La corrección se debe al uso del selector .precio para seleccionar el elemento que tiene la clase "precio". Además, asegúrate de que en tu HTML, los elementos que contienen el precio tengan la clase "precio" asignada correctamente.

@@crischomp el que él muestra esta con .precio, ese no es el problema

hola amigo como estas me puedes pasar el codigo de esta pagina por favor

@@MadVintageStyle si te lo paso?? :(

ocupo hacer una pagina para mañana y ya me quede sin opciones

Sería genial con mongoose