Funções e DOM em JavaScript

Hannah está desenvolvendo um quiz interativo em JavaScript para um site educacional. Ela precisa de uma função que crie e exiba as opções de resposta para cada pergunta diretamente na página, sem precisar recarregar. Qual é a principal finalidade da função mostraAlternativas() nesse contexto?

• Calcular a pontuação do usuário automaticamente.

• Gerar botões de alternativas dinamicamente no DOM.

• Validar se a resposta do usuário está correta.

• Atualizar o título da página.

Rohan está desenvolvendo uma página web e precisa adicionar um novo botão dinamicamente ao DOM usando JavaScript. Qual método ele deve utilizar para criar esse novo elemento de botão?

• document.getElementById()

• document.createElement()

• document.querySelectorAll()

• document.removeChild()

Anika está desenvolvendo uma página web e deseja adicionar um novo botão a uma seção existente do site usando JavaScript. Qual método ela deve utilizar para inserir o botão como filho desse elemento já presente no DOM?

• appendChild()

• removeChild()

• setAttribute()

• getElementById()

Hannah está desenvolvendo uma página web e precisa criar um botão dinamicamente usando JavaScript. Ela escreve o seguinte código: ```javascript let btn = document.createElement("button"); btn.innerText = "Alternativa A"; ``` O que faz a propriedade innerText?

• Define o valor do atributo name do botão.

• Define o texto exibido dentro do botão.

• Define o tipo do botão.

• Define o estilo CSS do botão.

Aria está desenvolvendo um formulário online e deseja saber qual evento JavaScript é mais apropriado para detectar quando um botão de alternativa é clicado. Qual evento ela deve usar?

• mouseover

• click

• keydown

• change

Evelyn está desenvolvendo um quiz online e precisa garantir que, ao exibir uma nova pergunta, todas as alternativas anteriores desapareçam antes de mostrar as novas. Qual abordagem é mais adequada para ela usar?

• Usar innerHTML = "" no elemento pai das alternativas.

• Usar alert() para avisar o usuário.

• Usar setTimeout() para atrasar a exibição.

• Usar Math.random() para escolher uma alternativa.

Sophia está desenvolvendo uma página web onde precisa criar três botões de alternativas para um quiz usando JavaScript. Qual das opções abaixo representa corretamente a criação desses três botões usando um loop?

• ```javascript for(let i=0; i<3; i++){ document.createElement("button"); } ```

• ```javascript for(let i=0; i<3; i++){ let btn = document.createElement("button"); document.body.appendChild(btn); } ```

• ```javascript for(let i=0; i<3; i++){ let btn = document.getElementById("button"); } ```

• ```javascript for(let i=0; i<3; i++){ let btn = document.removeChild("button"); } ```

William está desenvolvendo uma página web e precisa manipular elementos da interface usando JavaScript. Durante a pesquisa, ele encontra o termo DOM. Em relação à manipulação do DOM, o que significa DOM?

• Documento de Objetos Múltiplos

• Documento Orientado a Métodos

• Document Object Model

• Dynamic Object Manipulation

Charlotte está desenvolvendo uma página web onde os botões são criados dinamicamente conforme o usuário interage com o sistema. Qual das alternativas abaixo representa a melhor prática para associar uma função a um botão criado dessa forma?

• btn.onclick = minhaFuncao;

• btn.addEventListener("click", minhaFuncao);

• btn.setAttribute("onClick", minhaFuncao());

• btn.innerHTML = minhaFuncao;

Emma está desenvolvendo um quiz online e precisa estilizar todos os botões de alternativas que são criados dinamicamente via JavaScript. Qual abordagem é mais recomendada para garantir que todos os botões tenham o mesmo estilo?

• Adicionar uma classe CSS aos botões e definir o estilo no CSS.

• Definir o estilo diretamente no HTML do botão.

• Usar alert() para mostrar o estilo.

• Não é possível estilizar botões criados dinamicamente.