const listaProductos = () => {
     fetch("http://localhost:3000/productos")
    .then((respuesta) => respuesta.json());

}



const crearProducto = ( imagen, titulo, precio) => {
    fetch('http://localhost:3000/productos', {
    method: 'POST',
    headers: {
      "Content-Type": 'application/json'
    },
    body: JSON.stringify({imagen, titulo, precio}),


  })
  .then(respuesta => {
    if (respuesta.ok){
      return respuesta.body
    }
  })


  throw new Error ("no se puede crear el producto")
}
export const productoServices = {

listaProductos,
crearProducto,

};

controller

const nuevoProducto = (imagen, titulo, precio) => {

const card = document.createElement('nav')
const contenido = `

<section>

    <h1 id="consolas">star wars</h1>
        <ul >
            <div class="star__wars">
                    <a id="verTodo" href="#">ver todo →</a>  
            <li class="producto">
                    <img class="zoom" src=${imagen} alt="foto 1"> 
                    <h4  class="titulo__producto">${titulo}</h4>
                    <p class="precio">${precio}</p>
                    <a href="#" class="ver__producto">producto</a>

            </li>

`;

card.innerHTML = contenido card.dataset.id=id

return card

}

const productos = document.querySelector('[data-product]') console.log("nuevoProducto")

/document.querySelector ('form')/

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

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

form.addEventListener ('submit', (evento) => { /* aca tambien tengo un error*/

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)

}) return })