ATIVIDADE 3 – PROGRAMAÇÃO FRONT END – 52_2025
QUESTÃO 5
O DOM (Document Object Model) é uma interface de programação para documentos HTML e XML. Ele representa a página como uma estrutura em árvore, na qual cada elemento é um nó da árvore, permitindo que linguagens como o JavaScript acessem e modifiquem dinamicamente o conteúdo, estrutura e estilo do documento. No contexto de aplicações interativas, como jogos web, o DOM é fundamental para manipular elementos da interface, como botões, perguntas, pontuação e opções de resposta. Utilizando métodos específicos, como getElementById, querySelector, getElementsByTagName e querySelectorAll, é possível capturar elementos HTML e modificar suas propriedades, estilos e comportamentos.
Por meio desses recursos, torna-se viável criar interfaces responsivas e dinâmicas, atualizando o conteúdo da página sem a necessidade de recarregá-la, o que melhora significativamente a experiência do usuário. Durante o desenvolvimento de um quiz interativo em JavaScript, um estudante precisa alterar dinamicamente o texto exibido em um parágrafo com o identificador perguntaAtual. Para isso, ele deve capturar esse elemento do DOM e substituir seu conteúdo por uma nova string, representando a próxima pergunta.
Fonte: NOEL, A. A. – Programação Front End. Florianópolis, SC: Arqué, 2025.
Com base no texto apresentado, sobre qual das instruções realiza corretamente a tarefa, assinale a alternativas correta.
Alternativas
Alternativa 1 – document.getElementsById(“perguntaAtual”).value = “Nova pergunta”;
Alternativa 2 – document.getElementById(“perguntaAtual”).innerHTML = “Nova pergunta”;
Alternativa 3 – document.querySelectorAll(“#perguntaAtual”).textContent = “Nova pergunta”;
Alternativa 4 – document.getElementByTagName(“perguntaAtual”)[0].innerText = “Nova pergunta”;
Alternativa 5 – let perguntaAtual = getElementById(“perguntaAtual”).innerHTML = “Nova pergunta”;
