Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
1
resposta

Criar Lista no HTML através do app.js

Pessoal, Estou tentando criar uma lista no HTML através de um array que vou adicionando itens através de uma função, mas os itens dos array não aparecem. Por gentilieza, poderima me dar uma dica?

index.html

      app.js function listaTabela() {

          let listaAmigos = document.getElementById('listaAmigos');
          listaAmigos.innerHTML = '';
          listaAmigos.innerHTML = amigos.map(item=>`<li>${item}</li>`).join();
      
          for(let i = 0; i < amigos.length; i++){
              amigos.map(function (item) {
                      return `<li>${item}</li>`;
                  }).join('\n'); 
                  
              listaAmigos.innerHTML = amigos;
              
          }
      
      1 resposta
      solução!

      Olá @Nilson Boa Noite! Se eu entendi bem, você quer adicionar os itens amigos, no HTML usando o map ou for é isso? Se for via map, acredito que o join precisa ser .join(''). Se caso for via for ali no listaAmigos.innerHTML você deve "concatenar" e não apenas reatribuir o valor...

          for(let i = 0; i < amigos.length; i++){            
              listaAmigos.innerHTML += `<li>${amigos}</li>`;        
          }
      

      Espero ter ajudado =)