script (1)

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

const arrayPostagens = [
 {
 titulo: "Pop Vegan",
 subtitulo: "Comida vegana para todos!",
 data: "06/07/2022",
 texto:
 "Restaurante em Consolação com comida por kilo no almoço e rodízio de pizzas à noite, tudo 100% vegano. Vale muito a pena conhecer :)",
 },
 {
 titulo: "Make Hommus. Not War",
 subtitulo: "Só delivery, para curtir em casa!",
 data: "18/08/2022",
 texto:
 "Neste restaurante não só pode, como é encorajado comer o antepasto como prato principal. Recomendamos os kibes e a kafta bonina.",
 },
 {
 titulo: "Churrascada do Mar",
 subtitulo: "Melhor do que estar na praia!",
 data: "30/08/2022",
 texto:
 "Todos conhecemos e amamos um bom churrasco, mas o que você acha de experimentar um churrasco focado em frutos do mar? Nós gostamos, experimente e nos conte o que você achou!",
 },
];
console.log(arrayPostagens);
// Criando o elemento
const main = document.querySelector("main");
for (let i = 0; i <= arrayPostagens.length; i++) {
 const article = document.createElement("article");
 // Popular o Elemento
 const conteudoDoArticle = `<h3>${arrayPostagens[i].titulo}</h3>
 <p class="subtitulo">${arrayPostagens[i].subtitulo}</p>
 <div class="data">${arrayPostagens[i].data}</div>
 <p>${arrayPostagens[i].texto}</p>`;
 article.innerHTML = conteudoDoArticle;
 // Adicionar o elemento no DOM
 main.appendChild(article);
 // article.id = "post-02";
 
 article.setAttribute("id", `post-0${i+2}`);
}