Questão de Programação — Programação de front end — Quadrix 2025

JavaScript: exibindo mensagem ao carregar a página

Gabarito: letra C. A forma apropriada de exibir uma mensagem de boas-vindas assim que a página for totalmente carregada, usando JavaScript puro, é window.alert("Bem-vindo ao site do hospital!") — o método alert() do objeto global window exibe uma caixa de diálogo com a mensagem. As demais alternativas ou não são sintaxe válida de JavaScript (document.show, echo) ou não exibem nada ao usuário (console.log), e a alternativa E, embora use alert, está incorreta porque window.onload é uma propriedade que deve receber uma função, não ser chamada como função.

O problema pede uma ação que ocorra após o carregamento completo da página. Em JavaScript puro, existem duas formas clássicas de fazer isso: usar o evento load do objeto window ou o evento DOMContentLoaded do document. A diferença é sutil, mas importante: load dispara quando todos os recursos (imagens, scripts, folhas de estilo) terminaram de carregar; DOMContentLoaded dispara quando o HTML foi completamente parseado, sem esperar por recursos externos. Para o caso de exibir uma mensagem de boas-vindas, qualquer um dos dois funcionaria, mas a alternativa correta não precisa de evento: basta chamar window.alert() diretamente, pois o script, se colocado no final do body ou com defer, já executa após o carregamento do DOM. A banca, porém, cobra o conhecimento do método alert() como a forma mais direta de exibir uma mensagem ao usuário.

O método alert() é uma função do objeto global window (que pode ser omitido, escrevendo apenas alert()), e exibe uma caixa de diálogo modal com a mensagem e um botão "OK". É a forma mais simples de interagir com o usuário em JavaScript, embora seja considerada intrusiva e pouco recomendada em aplicações modernas (prefere-se usar elementos HTML customizados). Já console.log() envia a mensagem para o console do navegador, que não é visível para o usuário comum — serve para depuração. document.show() não existe: o objeto document não possui um método show(). echo() é uma função do PHP (linguagem de servidor), não do JavaScript. E window.onload(function() {...}) está sintaticamente errado: onload é uma propriedade que deve receber uma função como valor, ou seja, window.onload = function() {...} (com sinal de igual, não como chamada de função).

A pegadinha da questão está na alternativa E: ela parece correta porque usa alert e window.onload, mas a sintaxe está invertida. O candidato que conhece o evento load pode marcar E sem perceber o erro de sintaxe. A alternativa C é a única que, isoladamente, exibe a mensagem — e, se o script estiver posicionado corretamente (no final do body ou com defer), ela será exibida após o carregamento da página. A banca explora exatamente essa confusão entre a forma correta de atribuir um manipulador de evento e a chamada direta de uma função.

Guarde a distinção: para exibir algo ao usuário, use alert() (ou confirm(), prompt()); para depurar, use console.log(); para executar código após o carregamento, use window.onload = function() {...} ou document.addEventListener('DOMContentLoaded', ...). A alternativa correta é a que usa alert() diretamente, sem depender de evento — e é isso que a questão pede.

Alternativa A — ❌ Incorreta

console.log() envia a mensagem para o console do navegador, que é uma ferramenta de desenvolvedor, não visível para o usuário final. O enunciado pede "exibir uma mensagem de boas-vindas ao usuário", o que exige uma interface visível, como alert(). console.log é útil para depuração, mas não cumpre o requisito de exibir algo na tela.

Alternativa B — ❌ Incorreta

document.show() não é um método válido do objeto document em JavaScript. O objeto document possui métodos como getElementById(), querySelector(), createElement(), mas não existe show(). A alternativa inventa uma sintaxe que não faz parte da linguagem.

Alternativa C — ✅ Correta ⟵ GABARITO

window.alert("Bem-vindo ao site do hospital!") é a forma correta de exibir uma caixa de diálogo com a mensagem. O método alert() pertence ao objeto global window e exibe uma janela modal com o texto e um botão "OK". Como o script é executado após o carregamento da página (se posicionado no final do body ou com defer), a mensagem aparecerá assim que a página estiver totalmente carregada. É a alternativa que atende diretamente ao requisito do enunciado.

Alternativa D — ❌ Incorreta

echo() é uma função da linguagem PHP, usada no lado do servidor para gerar saída HTML. Não existe em JavaScript. O enunciado pede explicitamente "utilizando JavaScript puro", então qualquer função de outra linguagem está descartada.

Alternativa E — ❌ Incorreta

A sintaxe window.onload(function() {...}) está errada. onload é uma propriedade do objeto window que deve receber uma função como valor, usando atribuição: window.onload = function() {...}. Ao escrever window.onload(...), o JavaScript tenta chamar onload como se fosse uma função, o que gera um erro de tipo (TypeError: window.onload is not a function). A forma correta de usar o evento load seria:

window.onload = function() {
  alert("Bem-vindo ao site do hospital!");
};

A alternativa E mistura a chamada de função com a atribuição de propriedade, tornando-a inválida.

Gabarito: letra C