Conforme Zabot e Matos (2020), o JavaScript e, consequentemente, o jQuery interagem com os elementos HTML por meio de eventos que acontecem em diferentes situações: um click em um botão, o movimento de passar com o mouse sobre um elemento da página, a pressão do dedo sobre a tela de um dispositivo touch e quando o navegador termina de carregar a página web. Sobre o uso de jQuery/JavaScript, analise o código abaixo:
1. $('#box87').on('click', fx)
2. function fx(event){
3. $('#box87').css('width', 400) 4. }
Assinale a alternativa que descreve o resultado CORRETO.
a) Na linha 1, é definida uma função do tipo observador click sobre o elemento “box87”, e é indicado o objeto “fx” como gerenciador do evento. Na linha 2, o objeto “fx” recebe automaticamente um parâmetro, que é o observador que gerou a chamada. Na linha 3, o objeto seleciona novamente o “box87” e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código.
b) Na linha 1, é definido um observador do evento click sobre o elemento “box87”, e é indicado o evento “fx” como gerenciador da função. Na linha 2, o evento “fx” recebe automaticamente um parâmetro, que é a função que gerou a chamada. Na linha 3, o evento seleciona novamente o “box87” e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código.
c) Na linha 1, é definido um observador do evento click sobre o elemento “box87”, e é indicada a função “fx” como gerenciador do evento. Na linha 2, a função “fx” recebe automaticamente um parâmetro, que é o evento que gerou a chamada. Na linha 3, a função seleciona novamente o “box87” e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código.
d) Na linha 1, é definido um observador do evento largura do elemento “box87”, e é indicada a função “fx” como gerenciador do evento. Na linha 2, a função “fx” recebe automaticamente um parâmetro, que é o evento que gerou a chamada. Na linha 3, o observador seleciona novamente o “box87” e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código.
e) Na linha 1, é definida uma função do tipo evento click sobre o elemento “box87”, e é indicado o observador “fx” como gerenciador do evento. Na linha 2, o observador “fx” recebe automaticamente um parâmetro, que é o evento que gerou a chamada. Na linha 3, o observador seleciona novamente o “box87” e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código.
Soluções para a tarefa
Resposta: Na linha 1, é definido um observador do evento click sobre o elemento “box87”, e é indicada a função “fx” como gerenciador do evento. Na linha 2, a função “fx” recebe automaticamente um parâmetro, que é o evento que gerou a chamada. Na linha 3, a função seleciona novamente o “box87” e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código.
Explicação:
A respeito do código acima utilizando jQuery e Javascript, a alternativa correta é a letra C).
Disserte sobre o código acima em Javascript:
O javascript é importante pois proporciona interabilidade nas páginas web, no caso acima, na linha 1 já é observado o evento click sob o elemento cujo id é box87, então, é executada a função fx.
Na linha 3 veja que é modificado o comprimento de box87 através de um seletor css, modificando o width do elemento.
Existem outros tipos de eventos possíveis de serem detectados, como por exemplo, eventos de teclado.
Saiba mais sobre Javascript: https://brainly.com.br/tarefa/51221325
#SPJ2
