Questão nº 41
Questão de Tecnologia da Informação · FCC TRT20 2024 (nº 41)
FCC2024Analista Judiciário - Área Apoio Especializado - Especialidade Tecnologia da InformaçãoTecnologia da Informação
Gabarito: Aver comentário ↓
Considere a função abaixo em um arquivo JavaScript de uma aplicação web, implementada em condições ideais.
```javascript
function menu() {
var lks = document.getElementById("links");
lks.classList.toggle("visible");
}
```
A linha `lks.classList.toggle("visible");`
- Afaz com que o elemento identificado como `links` tenha a classe `visible` adicionada ou removida cada vez que a função `menu()` for chamada. (alternativa correta)
- Btorna visível a lista de classes CSS que o elemento contido na variável `lks` possui, toda vez que a função `menu()` for chamada.
- Cnão será executada, pois a linha anterior possui erro na escrita do método `getElementById`, interrompendo a execução da função.
- Daplica o valor `visible` ao elemento cujo id possui o valor `links`, tornando-o visível na página.
- Egerará um erro, pois a função `toggle` não pode ser aplicada no atributo `class` do elemento HTML cujo id contém o valor `links`.
Resposta comentada
Gabarito Alternativa A
A propriedade classList em JavaScript permite gerenciar facilmente as classes CSS de um elemento HTML, e o método toggle() age como um interruptor: ele adiciona uma classe se ela não estiver presente, ou a remove se já estiver lá.
- (A) Correta: A função
toggle("visible")verifica se a classe "visible" existe no elemento. Se sim, ela a remove; se não, ela a adiciona. Isso acontece a cada chamada da funçãomenu(), alternando a presença da classe. - (B) Incorreta:
classListé uma interface que representa a lista de classes do elemento, não algo que se "torna visível" na interface do usuário. O métodotoggle()modifica essa lista, não a exibe. - (C) Incorreta:
document.getElementByIdé a forma correta e padrão de selecionar um elemento HTML pelo seu ID em JavaScript. Não há erro de escrita ou sintaxe. - (D) Incorreta: A armadilha aqui é focar na palavra "visible" e no efeito. O método
toggle()não "aplica o valorvisibleao elemento cujo id possui o valorlinks". Ele alterna a presença da classe CSS chamada "visible". Embora essa classe possa tornar o elemento visível (dependendo do CSS), a ação detoggleé adicionar ou remover a classe, não apenas aplicá-la, e não diretamente tornar o elemento visível. - (E) Incorreta: O método
toggle()é uma funcionalidade padrão e amplamente utilizada da interfaceDOMTokenList(queclassListretorna), e é perfeitamente aplicável para manipular classes CSS de elementos HTML.
Fonte: FCC TRT20 2024 Analista Judiciário - Área Apoio Especializado - Especialidade Tecnologia da Informação (Caderno Tipo 003). Reproduzida para fins de estudo.