vi o professor fazer os elemento com java script usando createElement e adicionar depois ao elemento pai ............ Mas tem outra maneira de se fazer isso? com document.write( ou meio mais eficiente) setando valores por meio de Template strings ???
hoje, com a Alura e o Google Gemini
Tem sim, além de usar o document.createElement(), podemos também usar sua sugestão, o document.write(). Também conseguimos criar elementos inserindo o html dinamicamente de um string. Existe, dentro do elemento html, a propriedade innerHTML, por meio dela podemos consultar e alterar o HTML dentro de um elemento. Exemplo:
<div>
<p>Texto aqui!<p>
</div>document.querySelector('div').innerHTML = '<div>Texto aqui!</div>';Nesse caso, eu peguei o elemento div e acessei o HTML, ou seja, seu conteúdo, neste caso só tem o p, depois o modifiquei com a string que coloquei. Se fazer o teste e usar o DevTools para inspecionar o elemento, este será o resultado:
<div>
<div>Texto aqui!</div>
</div>Se quiser, faça o teste para entender melhor, mas você irá estudar tudo isso mais pra frente. Espero que ajude :) Boa noite!