Atividade 3 -06/11/2023

Questão 1

No JavaScript, utilizamos diferentes eventos para aumentar a interatividade do

usuário com a aplicação. Para que seja possível captar o clique do mouse de um

usuário, devemos usar qual evento?

• a) function

• b) alert()

• c) onclick

• d) querySelector()

Questão 2

Na programação, o comando de atribuição é responsável por atribuir informa-

ções a um elemento a sua esquerda. Essas informações podem ser atributos, fun-

ções, valores e outros. Sabendo disso, imagine que exista uma variável chamada

Pontos. Essa variável tem seu valor atualizado de 10 em 10 segundos para 5. Con-

siderando esse cenário, ordene os blocos a seguir de modo que eles representem

corretamente a atribuição de valor na variável Pontos.

• Pontos

• =

• 5

• ;

Questão 3

Durante as aulas, você aprendeu que, ao utilizar o comando de atribuição, é possí-

vel conectar o botão e o som para que ele seja reproduzido após o clique do mou-

se. Considerando esse cenário, ordene 4 blocos que representam corretamente

a conexão do clique do botão tim com a reprodução do som da função toca-

SomTim.

Utilize 4 blocos.

• document.querySelector

• tocaSomTim;

• (‘.tecla_tim’)

• .onclick =

Questão 4

Sobre boas práticas de programação, é correto afirmar que:

• a) Independente da quantidade de linhas de um código, se a solução resolveu

  o problema, ela é uma boa prática de programação.

• b) Buscar por soluções otimizadas durante o desenvolvimento de um site ou

  aplicativo é uma boa prática de programação.

• c) Copiar e colar códigos extensos é sempre a melhor opção para resolver ra-

  pidamente um problema.

• d) Durante o desenvolvimento de um código, é necessário salvar o progresso

  somente uma vez, quando todas as alterações foram finalizadas.

Questão 5

Imagine que você é a pessoa responsável por gerir um site de uma joalheria. Então,

o cliente solicita que todos os relógios da loja sejam listados para que seja possível

verificar a quantidade em estoque. Considerando esse cenário, ordene os blocos

a seguir de modo que eles representem corretamente a busca pelos elementos

que possuem a classe relogios.

Utilize 3 blocos.

• (‘.relogios’);

• document.

• querySelectorAll

Questão 6

Ao utilizar o método de busca querySelectorAll no console do navegador,

o resultado que é retornado para o usuário possui várias informações. Em relação

à primeira linha do retorno, quais informações são exibidas? Ordene os blocos a

seguir de modo que eles representem corretamente a ordem das informações de

retorno exibidas no console do navegador.

Utilize 4 blocos.

• número de itens entre parênteses

• NodeList

• colchetes

• lista de itens com o mesmo seletor