No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

3D
21H
26M
56S

Proyecto a empaquetar: Fake API

20/23
Recursos

Aportes 1

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

const $body = document.querySelector('body');
const API = "https://api.escuelajs.co/api/v1/products/?offset=5&limit=10";
import logo from "./assets/logo.png";
import './styles/style.css';

const main = async () => {
    const response = await fetch(API);
    const products = await response.json();
    const output = products.map((products) => {
        return `
        <article class="Card"> 
            <img src="${product.images[0]}" />
            <h2>
                ${product.title} <small>Precio $${product.price}}</small>
            </h2>
        </article>
        `;
    }).json('');
    const newItem = document.querySelector('section');
    newItem.classList.add('Items');
    newItem.innerHTML = output;

    const newHeader = document.createElement('header');
    const newImage = document.createElement('img');
    newImage.src = logo;

    newHeader.appendChild(newImage);
    $body.appendChild(newHeader);
    $body.appendChild(newItem
        )
};

main();