JavaScript

Documentación del Código JavaScript

El siguiente código JavaScript se utiliza para generar y mostrar contenido de productos en una tienda en línea. Los productos se toman de un arreglo llamado "productos" y se crean elementos HTML para mostrar cada producto en el documento HTML.

Código JavaScript

// Obtener el elemento HTML con el id "shopContent"
const shopContent = document.getElementById("shopContent");

// Iterar a través de cada producto en el arreglo "productos"
productos.forEach((product) => {
    // Crear un nuevo elemento div para cada producto
    const content = document.createElement("div");

    // Configurar el contenido HTML del div con los datos del producto
    content.innerHTML = `
        <img src="${product.img}">
        <h3>${product.productName}</h3>
        <p>${product.price} $</p>
    `;

    // Agregar el div con el contenido del producto al elemento con id "shopContent"
    shopContent.append(content);
});