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 ???
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!