O DOM (Document Object Model) é uma interface de programação para documentos HTML e XML. Ele representa a página

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”;