Para criar essa estrutura na DOM utilizando JavaScript, você pode utilizar o seguinte código: ``` // Seleciona a DOM vazia const domVazia = document.querySelector('body'); // Cria o elemento div com id 'aula' const divAula = document.createElement('div'); divAula.id = 'aula'; // Cria o elemento button com classe 'botao' const botao = document.createElement('button'); botao.classList.add('botao'); // Cria o elemento p com o texto 'Estou aprendendo a manipular a DOM. Yeah!' const paragrafo = document.createElement('p'); paragrafo.textContent = 'Estou aprendendo a manipular a DOM. Yeah!'; // Adiciona os elementos criados à DOM vazia domVazia.appendChild(divAula); divAula.appendChild(botao); divAula.appendChild(paragrafo); ``` Esse código cria os elementos div, button e p com as características especificadas e os adiciona à DOM vazia.
Para escrever sua resposta aqui, entre ou crie uma conta
Compartilhar