Analise o conteúdo de uma página Web, com o código JavaScript, exibido a seguir. <!DOCTYPE html <html <body <pExemplo.</p <pAguarde um pouco...</p <p id="xpto"</p <script ---- </script </body </html Quando essa página for carregada: - as linhas Exemplo. e Aguarde um pouco... serão exibidas; - alguns segundos depois, a linha Obrigado. será exibida. Para que isso aconteça, o bloco tracejado no código deve ser substituído por: ---

E) setTimeout(function() { f("Obrigado."); }, 5000); function f(p) { document.getElementById("xpto").innerHTML = p; }

A) document.getElementById("xpto").innerHTML = setTimeout("Obrigado.", 5000);

B) function f(p) { setTimeout(function() { f("Obrigado."); }, 5000); document.getElementById("xpto").innerHTML = f(p); }

C) setTimeout(5, "s"); document.getElementById("xpto").innerHTML = "Obrigado.";

D) setTimeout(5000); document.getElementById("xpto").innerHTML = "Obrigado.";

Questão nº 47

Questão de Tecnologia da Informação · FGV TJ-AP 2024 (nº 47)

FGV2024Analista Judiciário - TI - Desenvolvimento de SistemasTecnologia da Informação

Gabarito: Ever comentário ↓

Analise o conteúdo de uma página Web, com o código JavaScript, exibido a seguir.

<!DOCTYPE html>
<html>
<body>
<p>Exemplo.</p>
<p>Aguarde um pouco...</p>
<p id="xpto"></p>
<script>

</script>
</body>
</html>

Quando essa página for carregada:

as linhas Exemplo. e Aguarde um pouco... serão exibidas;
alguns segundos depois, a linha Obrigado. será exibida.

Para que isso aconteça, o bloco tracejado no código deve ser substituído por:

A```
document.getElementById("xpto").innerHTML =
setTimeout("Obrigado.", 5000);
```
B```
function f(p) {
setTimeout(function() { f("Obrigado."); }, 5000);
document.getElementById("xpto").innerHTML = f(p);
}
```
C```
setTimeout(5, "s");

document.getElementById("xpto").innerHTML
=
"Obrigado.";
```
D```
setTimeout(5000);

document.getElementById("xpto").innerHTML
=
"Obrigado.";
```
E```
setTimeout(function() { f("Obrigado."); }, 5000);

function f(p) {
document.getElementById("xpto").innerHTML = p;
}
``` (alternativa correta)

Resposta comentada

Gabarito Alternativa E

setTimeout é uma função JavaScript que permite agendar a execução de um código para um momento futuro, sem travar a execução do restante do programa. Ela recebe como argumentos o código ou função a ser executado e o tempo de espera em milissegundos.

(A) Incorreta: setTimeout retorna um ID numérico do timer, não a string "Obrigado.". A atribuição ao innerHTML ocorreria imediatamente com esse ID, não com o texto desejado após o tempo.
(B) Incorreta: A função f tenta chamar setTimeout que chama f novamente, criando uma recursão que não resolve o problema, e a atribuição ao innerHTML seria imediata com o retorno undefined de f.
(C) Incorreta: Os argumentos de setTimeout estão incorretos (o primeiro deve ser a função/código e o segundo o tempo em milissegundos), e a atribuição ao innerHTML ocorreria imediatamente, não após um atraso.
(D) Incorreta: setTimeout está incompleto, pois falta o primeiro argumento (a função ou código a ser executado). A atribuição ao innerHTML ocorreria imediatamente, não após um atraso. Armadilha da banca: Esta alternativa tenta enganar o aluno ao incluir o tempo correto (5000) e a string "Obrigado.", mas falha em estruturar corretamente a chamada de setTimeout para que a ação seja atrasada.
(E) Correta: setTimeout agenda a execução de uma função anônima para daqui a 5000 milissegundos (5 segundos). Essa função anônima, quando executada, chama a função f passando "Obrigado." como parâmetro. A função f então insere esse texto no innerHTML do elemento com id="xpto", cumprindo o requisito de exibir o texto após o atraso.

Fonte: FGV TJ-AP 2024 Analista Judiciário - TI - Desenvolvimento de Sistemas (Caderno Tipo 1). Reproduzida para fins de estudo.

Questão de Tecnologia da Informação · FGV TJ-AP 2024 (nº 47)

Resposta comentada

Continue estudando