1
respuesta

[Proyecto] tengo este error con el addEventListener

Referente al curso JS en la Web: CRUD con JavaScript asíncrono, en el capítulo Crear y borrar clientes y actividad Creando un cliente

por Leonel Piter
| 94.7k xp | 9 posts

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad 


import {productoServices} from "../service/productos-service.js";



const form = document.querySelector ('[data-form]')

form.addEventListener ('submit', (evento) => {

    evento.preventDefault()



const imagen = document.querySelector ('[data-imagen]').value;
const titulo = document.querySelector ('[data-titulo]').value;
const precio = document.querySelector ('[data-precio]').value;

productoServices.crearProducto(imagen, titulo, precio)
.then(respuesta => {
    window.location.href ="../challenge 3/ndex.html" ; /*ojo aca */
    console.log(respuesta)
}) .catch (error => {

    console.log(error)
})

})


![]()
1 respuesta
por Rafaela Rocha
| 2874.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Leonel!

El error que estás experimentando es debido a que estás tratando de acceder a un elemento del DOM que no existe. En este caso, parece que el error está en la línea donde intentas obtener el valor del campo de imagen:

const imagen = document.querySelector ('[data-imagen]').value;

Asegúrate de que el campo de imagen tenga el atributo data-imagen y de que esté escrito correctamente. Si el atributo no existe, el método querySelector devolverá null, lo que provocará el error que estás viendo.

Espero que esto te ayude a solucionar el problema. ¡Buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)