MAT II: Segurança digital: utilizando matemática para programar

Você está criando uma página para acompanhar suas atividades diárias e para isso, decidiu adicionar uma barra de progresso. No entanto, ela não se comporta da forma desejada, como mostrado abaixo:

Agora, selecione o valor correto a ser aplicado na propriedade position para que a barra de progresso seja exibida corretamente:

• position: fixed;

• position: static;

• position: absolute;

• position: relative;

Answer explanation

Ao aplicarmos o valor fixed à propriedade position, a faixa verde da barra de progresso se manterá fixa no canto inferior direito da página.

• Ao aplicarmos o valor static à propriedade position, a faixa verde da barra de progresso irá se alinhar verticalmente com a barra mais clara, isto é, logo abaixo dela. Sendo que idealmente esta faixa mais clara seria preenchida pela faixa verde.

• Ao aplicarmos o valor absolute à propriedade position, a faixa verde da barra de progresso irá aparecer na mesma posição que o título “Barra de progresso”.

Ao aplicarmos o valor relative à propriedade position, a faixa verde será alinhada com seu ponto de referência na página, neste caso, com a faixa mais clara.

Agora você deseja atribuir uma largura, uma altura e uma cor específica para a barra de progresso que representará metade das atividades feitas. Para isso, as características desta barra serão:

• largura de 50%

• altura de 30 pixels

• cor de fundo amarela, no padrão hexadecimal #FAF408

Agora, ordene todos os blocos que representam corretamente a aplicação destas características na barra de progresso.

Você foi até um restaurante e se deparou com o menu de acompanhamentos do dia organizado da seguinte forma:

diga e ordene todos os blocos que representam corretamente a organização dos elementos no menu.

Você está criando um jogo que tem como objetivo coletar bolhas de sabão que surgem na tela aleatoriamente. Cada vez que você clicar na bolha, você ganhará um ponto.

Para isso, criou a função abaixo:

function coletaBolhas(){ }

Agora, escolha a alternativa que possui o código responsável por adicionar um ponto cada vez que uma bolha for coletada.

• pontos = pontos -1 ;

• pontos = pontos +1 ;

• pontos = pontos -1 ;

• pontos + pontos +1 ;

Você está desenvolvendo o gerador de senha e para que uma senha seja válida, ela precisa ter as seguintes características:

• quantidade de números na senha: 3

• quantidade de letras na senha : 5

Agora, ordene todos os blocos que representam corretamente a aplicação destas características.

Você está buscando pelo elemento HTML que possui a classe botao-principal. Qual dos seletores abaixo deverá ser incluído no método de busca querySelectorAll()?

• class botao-principal

• #botao-principal

• *botao-principal

• .botao-principal

Sabendo que a estrutura de repetição for é responsável por executar várias vezes uma instrução e que o método console.log é responsável por exibir texto e valores no console do navegador, crie o seguinte algoritmo:

• Exibir a mensagem Olá mundo 10 vezes no console do navegador.

Agora, ordene todos os blocos que criam o algoritmo pedido.

Você está jogando Adedonha com seus colegas, onde o objetivo do jogo é que a partir de uma letra sorteada você deve escrever objeto, cor, marca e animal que começam com essa letra.

Para isso, criou um algoritmo que sorteia esta letra para você, como observado abaixo:

function geraLetra(){ let numeroAleatorio =

Math.random()*letras.length; numeroAleatorio = Math.floor(numeroAleatorio); }

Porém, até o momento a letra está sendo sorteada porém não é exibida no console do navegador.

Agora, ordene todos os blocos para que a letra sorteada seja exibida no navegador.

Observe a lista de números abaixo. Cada item desta lista possui um índice que define a posição deste elemento na própria lista.

Agora, você precisa realizar as seguintes buscas:

• O quarto elemento da lista.

• O quarto elemento da lista.

• O primeiro elemento da lista.

• O segundo elemento da lista.

Agora, selecione a alternativa que contém o resultado das 4 buscas.

• 1,1,2,4

• 2,2,1,4

• 4,4,1,1

• 1,1,2,3

Você precisa verificar quais características da senha foram selecionadas a partir das caixas de seleção (checkbox). E para isso, criou um laço de repetição.

Para testar este laço rapidamente, você adicionou uma mensagem “teste” no console do navegador, para verificar se o laço está funcionando.

Agora, ordene todos os blocos que representam corretamente a construção deste laço de repetição e da mensagem de teste.