Prova 1

Robert criou um código para um botão em seu exercício de JavaScript. Vamos analisar o código criado por ele: CLIQUE AQUI Assinale a alternativa que contém a leitura correta do código.

• Quando o botão de classe “botao-verde” for clicado, vai gerar um alerta com a mensagem: O botão verde foi acionado!
• Quando o botão de classe “botao-verde” for clicado, aparecerá um alerta com a mensagem: CLIQUE AQUI
• Quando o botão de classe “CLIQUE AQUI” for clicado, vai aparecer um alerta com a mensagem: O botão verde foi acionado!
• Quando o botão de classe alert for clicado, vai aparecer um alerta com a mensagem: CLIQUE AQUI.

Qual é o principal objetivo da tag Script? Assinale a alternativa correta.

• Criar tabelas e listas, agrupando e organizando os conteúdos de uma página.
• Definir a área principal do documento, onde a maior parte do conteúdo será inserida.
• Carregar o código JavaScript dentro do HTML.
• Criar um botão interativo na página, permitindo ser clicado para realizar uma ação ou evento.

A ferramenta DevTools presente nos navegadores web é de grande ajuda para comunidade de desenvolvedores web, a ponto de serem apelidados carinhosamente de “melhor amiga/o” da pessoa desenvolvedora. Marque as alternativas com afirmações verdadeiras a respeito da ferramenta DevTools.

• Diferente do método tradicional para resolver problemas do código fonte que consistia em abrir o código e olhar linha a linha para descobrir o erro, o DevTools apresenta uma maneira mais simples e direta do problema no código, bastando acessar a aba Console que lá estará indicando o tipo e o arquivo onde se encontra o erro.
• É o programa ou editor de texto principal utilizado escrever, salvar e desenvolver o código fonte de páginas e aplicações web.
• Através dessa ferramenta, conseguimos editar a aplicação em tempo de execução, adicionar ou remover tags HTML, mexer no CSS da página, escrever código JavaScript no console e ver as modificações sem persistência.

O querySelector é a função que busca um elemento através do seu seletor, seu uso facilita a manipulação dos elementos da página através do JavaScript. Assinale a alternativa que representa o uso correto do seletor no JavaScript, buscando um elemento pelo ID correspondente:

• alert.querySelector(‘#tecla_sol’)
• document.querySelector('#tecla_sol')
• querySelector(‘#tecla_sol’)
• class.querySelector(‘.tecla_sol’)

é possível inserir um arquivo JavaScript em dois locais do documento HTML, dentro da tag head ou da tag body. Com base nessas informações, devemos colocar o JavaScript dentro da tag body logo antes do seu fechamento, , quando:

• Nosso código JavaScript não depende obrigatoriamente de nenhum elemento dentro da tag .
• Não faz diferença entre carregar o arquivo JavaScript dentro da tag body ou head, ambas abordagens funcionam normalmente.
• O script depende de elementos do body já carregados pelo navegador.

O método .play() é responsável por reproduzir um áudio ou vídeo, proporcionando maior interatividade no site. Podemos acioná-la utilizando o atributo onclick, o qual irá executar a função assim que o elemento for clicado pelo mouse. Já temos o botão desenvolvido em HTML:

BEEP BEEP!

Agora precisamos criar a função play para o botão no JavaScript. Como podemos fazer isso?

• document.querySelector('#som_buzina').play()
• document.querySelector('#som_buzina').play()}document.querySelector('.tecla_buzina').onclick = tocaBuzina
• document.querySelector('#som_buzina').play()}document.querySelector('.tecla_buzina')
• document.querySelector('#som_buzina')}document.querySelector('.tecla_buzina').onclick = tocaBuzina

o uso do document.querySelectorAll se justifica por:

• Utilizamos o document.querySelectorAll() para selecionarmos todos os elementos do seletor desejado, reduzindo a quantidade de repetição de código, que consequentemente, promoverá uma otimização no código em alternativa a repetição.
• O uso do script document.querySelectorAll() se justifica apenas para que possamos obter uma lista de elementos.
• Apesar de estarmos usando o script document.querySelectorAll(), o uso não se justifica, já que o projeto está funcionando utilizando o document.querySelector().

As palavras-chave let e const são utilizadas em JavaScript para declarar variáveis com escopo de bloco, ou seja, ambas ficam disponíveis apenas dentro do bloco e não podem ser acessadas externamente. No entanto, há uma diferença entre elas, assinale a alternativa que indica corretamente essa diferença:

• Em let a variável tem valores imutáveis (não podem ser alterados). Já em const: a variável pode ter alteração de valores.
• Em let a variável pode ter alteração de valores. Em const a variável tem valores imutáveis (não podem ser alterados).
• let é utilizada para reproduzir vídeos. Já const a variável possui valores imutáveis (não podem ser alterados).
• Em let a variável pode ter alteração de valores. Já const: é utilizada para reproduzir vídeos.

O pai de José possui um estacionamento e, para agilizar o atendimento, José está desenvolvendo um código em JavaScript para localizar os carros estacionados de acordo com a figura a seguir. Considerando cada vaga como elementos de uma lista, assinale a alternativa que indica corretamente o número da vaga onde está estacionado o carro branco.

• console.log(carros[1]);
• console.log(carros[4]);
• console.log(carros[3]);
• console.log(carros[5]);

Carla está planejando uma festa e para ajudar na organização ela desenvolveu um contator para mostrar a quantidade de pessoas que confirmaram presença no evento. Dentre os códigos abaixo, qual é o correto para obter essa informação?

• const quantidadePessoas = convidados.length
• let quantidadePessoas = convidados
• let quantidadePessoas = convidados.length
• let quantidadePessoas = length.convidados