let prodotti = [
    ["ID", "Prodotto", "Prezzo", "Quantità"],
    [1, "Computer", 899.99, 15],
    [2, "Mouse", 25.50, 42],
    [3, "Tastiera", 45.00, 23],
    [4, "Monitor", 299.99, 8],
    [5, "Cuffie", 79.99, 31]
];


/*
const int MAX_AGE = 100;
const char GRADE_SCALE = 'A';
const float PI = 3.14159;
 */

// Scopo: creare una tabella a partire da array bidimensionale

// manca "function" prima del nome della funzione
function generaTabella()
{
    // i nomi delle variabili devono seguire il camelCase
    const tabella = document.createElement("table");
    document.querySelector("body").appendChild(tabella);

    let primaRiga = true;

    /* funzione intestazione tabella */
    for (let i = 0; i < prodotti.length; i++) {

        let elementoIntestazione = prodotti [i];
        let elementoTr = document.createElement("tr");

        for (let j = 0; j < elementoIntestazione.length; j++) {

            let cella;

            if (primaRiga) {
                cella = document.createElement("th");
            } else {
                cella = document.createElement("td");
            }

            cella.textContent = prodotti[i][j];
            // cella.textContent = elementoIntestazione[j];
            elementoTr.appendChild(cella);
        }

        primaRiga = false;

        tabella.appendChild(elementoTr);
        // const celle = document.querySelectorAll()
        
    }
    document.getElementById("container").appendChild(tabella);

}

generaTabella();