NEW
Font size
WorksheetsRecuperação 1ª Ano
Total questions: 20
Worksheet time: 10mins
Qual atributo HTML é utilizado para identificar de forma única um elemento em uma página?
class
id
style
src
Qual das alternativas abaixo aplica um fundo azul a todos os elementos com a classe "destaque" usando CSS?
`#destaque { background: blue; }`
`.destaque { background: blue; }`
`
`destaque { background: blue; }`
O que faz o seguinte trecho de código JavaScript? ```javascript document.getElementById("botao").addEventListener("click", function() { alert("Olá!"); }); ```
Exibe "Olá!" ao carregar a página.
Exibe "Olá!" ao clicar no elemento com id "botao".
Exibe "Olá!" ao passar o mouse sobre o elemento com id "botao".
Exibe "Olá!" ao clicar em qualquer lugar da página.
Qual propriedade CSS é usada para alterar a cor do texto de um elemento?
background-color
color
font-size
text-align
O que faz o método JavaScript `forEach`?
Repete um bloco de código enquanto uma condição for verdadeira.
Executa uma função para cada elemento de um array.
Adiciona um novo elemento ao final de um array.
Remove o primeiro elemento de um array.
Observe o código abaixo: ```html
`.video-catalogo`
`.video-item`
`video-item`
`#video-item`
Qual das opções abaixo é um exemplo de algoritmo básico para exibir números de 1 a 5 no console usando JavaScript?
`for (let i = 1; i <= 5; i++) { console.log(i); }`
`while (i < 5) { console.log(i); }`
`if (i <= 5) { console.log(i); }`
`console.log(1,2,3,4,5);`
Qual das alternativas abaixo é verdadeira sobre o atributo `data-*` em HTML?
É usado para definir estilos CSS.
Permite armazenar informações personalizadas em elementos HTML.
Serve para identificar elementos de forma única.
É obrigatório em todas as tags.
Considere o seguinte código CSS: ```css @media (max-width: 600px) { body { background: yellow; } } ``` O que esse código faz?
Altera a cor de fundo do body para amarelo em todas as telas.
Altera a cor de fundo do body para amarelo apenas em telas com largura máxima de 600px.
Altera a cor de fundo do body para amarelo apenas em telas maiores que 600px.
Não altera nada.
Qual das opções abaixo representa corretamente a publicação de um projeto no GitHub?
Salvar o projeto no computador.
Enviar os arquivos para um repositório remoto usando git push.
Compartilhar o link do arquivo local.
Enviar o projeto por e-mail.
Considere o seguinte trecho de código JavaScript: ```javascript const botoes = document.querySelectorAll('.btn'); botoes.forEach(function(botao) { botao.addEventListener('click', function() { alert('Botão clicado!'); }); }); ``` O que acontece ao clicar em qualquer botão com a classe "btn"?
Nada acontece.
Um alerta "Botão clicado!" aparece.
O botão é removido da página.
O texto do botão muda.
Qual das opções abaixo é a maneira correta de acessar o valor de um atributo `data-preco` de um elemento em JavaScript?
`element.data-preco`
`element.getAttribute('data-preco')`
`element.preco`
`element.data('preco')`
Considere o seguinte código JavaScript: ```javascript let soma = 0; for (let i = 1; i <= 10; i++) { if (i % 2 === 0) { soma += i; } } console.log(soma); ``` Qual valor será exibido no console?
10
20
30
40
Qual das opções abaixo representa um exemplo de lógica de programação para alternar a visibilidade de um elemento ao clicar em um botão?
Usar apenas CSS.
Adicionar um event listener ao botão e alterar a propriedade display do elemento.
Alterar o HTML manualmente.
Atualizar a página.
Qual das opções abaixo é verdadeira sobre o uso de classes em HTML e CSS?
Classes só podem ser usadas uma vez por página.
Classes podem ser usadas em vários elementos para aplicar o mesmo estilo.
Classes são usadas apenas em JavaScript.
Classes substituem o uso de ids.
Considere o seguinte código HTML e CSS: ```html
``` ```css .box { width: 100px; height: 100px; background: red; transition: background 0.5s; } .box:hover { background: blue; } ``` O que acontece quando o usuário passa o mouse sobre o elemento com a classe "box"?O elemento desaparece.
O fundo do elemento muda de vermelho para azul suavemente.
O elemento aumenta de tamanho.
Nada acontece.
Qual método JavaScript é utilizado para criar um novo array com os resultados de uma função aplicada a cada elemento?
forEach
map
filter
reduce
Qual seletor CSS seleciona todos os elementos com o atributo data-ativo="true"?
.data-ativo
[data-ativo="true"]
#data-ativo
data-ativo:true
O que acontece se você usar document.querySelector('.item') em uma página com vários elementos com a classe item?
Retorna um erro.
Seleciona apenas o primeiro elemento com a classe item.
Seleciona o último elemento com a classe item.
Seleciona todos os elementos com a classe item.
Qual propriedade CSS é utilizada para centralizar horizontalmente um elemento de bloco?
text-align: center;
position: absolute;
margin: auto;
display: flex;
