Questão nº 57
Questão de Tecnologia da Informação - Programação · FGV DPE-RS 2023 (nº 57)
Considere o código JQuery apresentado a seguir.
$("button.mudar").on("click",(evt)=>
{ $("#mensagem").html("Clicado"); });
Sobre o funcionamento do código apresentado, é correto afirmar que:
- Aassocia a todos os botões com a classe "mudar" uma resposta ao evento de clique; (alternativa correta)
- Bmodifica o conteúdo interno do botão que foi clicado;
- Caciona o clique em um botão cujo id é "mudar";
- Daltera o atributo de estilo do componente cujo id é "mensagem";
- Emuda o texto "#mensagem" para "Clicado" nos botões da classe "mudar".
Resposta comentada
Gabarito Alternativa A
O código jQuery seleciona elementos HTML e define uma ação para quando um evento específico acontece neles. Neste caso, ele encontra todos os botões com a classe "mudar" e diz a eles para, ao serem clicados, alterarem o conteúdo interno de um elemento com o ID "mensagem".
(A) Correta: O seletor $("button.mudar") identifica todos os elementos <button> que possuem a classe mudar. O método .on("click", ...) anexa uma função (a "resposta") que será executada sempre que qualquer um desses botões for clicado.
(B) Incorreta: O código modifica o conteúdo do elemento com id="mensagem", não o conteúdo interno do botão que foi clicado. A ação é desencadeada pelo botão, mas o efeito é em outro elemento.
(C) Incorreta: O código escuta pelo evento de clique (.on("click", ...)), ele não aciona um clique. Além disso, o seletor é por classe (.mudar), não por ID (#mudar).
(D) Incorreta: O método .html("Clicado") altera o conteúdo HTML do elemento, não seus atributos de estilo. Para estilo, seria usado .css().
(E) Incorreta: O texto "Clicado" é inserido no elemento com id="mensagem", e não nos botões da classe "mudar". Os botões apenas servem como gatilho para a ação.
Fonte: FGV DPE-RS 2023 Técnico - Apoio Especializado (Programador) (Caderno Tipo 1). Reproduzida para fins de estudo.