Pular para o conteúdo principal

Questão de Programação — Programação de front end — VUNESP 2026

ProgramaçãoProgramação de front end
Código
gp003725
Banca
VUNESP
Órgão
UNESP
Ano
2026
Cargo
V - - Analista de Informática I - Área de Atuação: Desenvolvimento de Sistemas - São Paulo
Considere o seguinte trecho de código de uma páginaweb, que contém um script JavaScript. <script> const btn = document.getElementById( MeuBotao ); btn.addEventListener( click , () => { window.scrollTo({top: 0, behavior: smooth }); }); </script> MeuBotao é o id de um elemento do tipo button. Assinale a alternativa que descreve o propósito do códigoapresentado, quando o botão for clicado.
  1. AAlternar a visualização do navegador para a próximaaba aberta, movendo o foco para ela.
  2. BCriar uma nova aba em branco no navegador ealternar a visualização para ela.
  3. CCriar uma nova aba em branco no navegador,mantendo o foco e visualização na aba atual.
  4. DRolar a visualização do navegador, na mesma aba,para o topo da página.
  5. ERolar a visualização do navegador, na mesma aba,para o final da página.
Revelar gabarito e comentário

GabaritoD — Rolar a visualização do navegador, na mesma aba, para o topo da página.

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

JavaScript: window.scrollTo e eventos de clique

Gabarito: letra D. O código anexa um ouvinte de evento ao botão e, quando clicado, executa window.scrollTo({top: 0, behavior: 'smooth'}), que rola a página da mesma aba até a posição vertical top: 0 — ou seja, o topo da página — com animação suave. Nenhuma aba é criada ou alternada; a ação é puramente de rolagem dentro da janela atual.

O trecho apresentado é um exemplo clássico de manipulação do DOM e tratamento de eventos em JavaScript. Vamos decompor cada parte para entender o que acontece:

  1. document.getElementById('MeuBotao') — seleciona o elemento HTML cujo id é MeuBotao. Esse é o botão que o usuário vê na página.

  2. .addEventListener('click', () => { ... }) — registra uma função de callback que será executada toda vez que o botão for clicado. O evento é click.

  3. Dentro da função, window.scrollTo({top: 0, behavior: 'smooth'}) — chama o método scrollTo do objeto window, que rola a janela do navegador para as coordenadas especificadas. O objeto passado define:

    • top: 0 — a posição vertical alvo é 0 pixel, ou seja, o topo absoluto da página.

    • behavior: 'smooth' — a rolagem é animada (suave), em vez de instantânea.

O método scrollTo atua na janela atual (a mesma aba). Ele não tem relação com abas, janelas ou navegação entre documentos. É uma operação de rolagem dentro do documento já carregado.

Por que as alternativas A, B e C estão erradas? Elas mencionam criação ou alternância de abas. O código não usa window.open(), window.focus(), window.location ou qualquer API de abas. A única ação é a rolagem. A alternativa E também erra ao dizer "final da página" — top: 0 aponta para o início (topo), não para o fim.

NÃO CAIA NESSA!

A banca tenta confundir o candidato com termos de navegação entre abas (A, B, C) e com a direção da rolagem (E). O ponto-chave é reconhecer que scrollTo com top: 0 sempre rola para o topo, e que behavior: 'smooth' apenas controla a animação. Guarde: top: 0 = topo da página.

  1. 1Seleciona o botão
  2. 2Registra evento click
  3. 3Rola para top: 0
  4. 4Animação suave
LEVEL · soulevel.com.br

Alternativa A — ❌ Incorreta

Alternar para a próxima aba envolveria manipular a lista de abas do navegador, algo que JavaScript não faz diretamente (exigiria APIs específicas de extensão). O código não contém nenhuma chamada a window.open, window.focus ou similar. A única operação é scrollTo, que age sobre a janela atual.

Alternativa B — ❌ Incorreta

Criar uma nova aba exigiria window.open('', '_blank') ou equivalente. O código não cria nenhuma aba; ele apenas rola a página atual. A alternativa confunde rolagem com abertura de nova aba.

Alternativa C — ❌ Incorreta

Novamente, não há criação de aba. O código não invoca window.open. A alternativa descreve uma ação que não ocorre no trecho.

Alternativa D — ✅ Correta ⟵ GABARITO

window.scrollTo({top: 0, behavior: 'smooth'}) rola a janela do navegador para a posição vertical 0, ou seja, o topo da página, com animação suave. Isso acontece na mesma aba, sem criar ou alternar abas. É exatamente o que a alternativa descreve.

Alternativa E — ❌ Incorreta

top: 0 indica a posição inicial (topo), não o final. Para rolar até o final, seria necessário usar window.scrollTo(0, document.body.scrollHeight) ou window.scrollTo({top: document.body.scrollHeight}). A alternativa inverte a direção da rolagem.

Gabarito: letra D

Link permanente: /questoes/gp003725