Pages

help !

const pizzas = [

  { name: "queen", toppings: ["🐷", "🍄", "🍅", "🧀"] },

  { name: "me", toppings: ["🧀"] }

];


const headers = Object.keys(pizzas[0]);


const template = `

<ul>

${pizzas

  .map(pizza => {

    const line = headers

      .map(header => `${header}: ${pizza[header]}`)

      .join(" ");


    return `  <li>${line}</li>`;

  })

  .join("\n")}

</ul>

`;


console.log(template);


🪛en action