26 27 edição de margem e cor de fundo no CSS.

Em JavaScript, usamos o símbolo || para verificar se pelo menos uma das condições é verdadeira em uma expressão, como podemos ver no código abaixo: let idade = 15; let possuiPermissao = true; function verificaIdade(idade, possuiPermissao) { if (idade >= 18 || possuiPermissao) { return "Você pode dirigir!"; } else { return "Você não pode dirigir."; } } Analise o código e escolha a alternativa que interpreta corretamente seu comando:

• Retorna "Você pode dirigir!" apenas se a idade for maior ou igual a 18 e tiver permissão.

• Retorna "Você pode dirigir!" apenas se a idade for maior ou igual a 18, independentemente de ter permissão.

• Retorna "Você não pode dirigir" apenas se a idade for menor que 18, mesmo que tenha permissão.

• Retorna "Você pode dirigir!" se a idade for maior ou igual a 18 ou tiver permissão.

A função abaixo verifica o tipo de acesso em uma plataforma escolar, onde alunos e professores podem acessar suas contas. Para que a função funcione, é necessário adicionar alguns blocos de código dentro dela. Identifique onde os blocos a seguir precisam ser adicionados e ordene todos os blocos na mesma sequência em que devem aparecer no código. Blocos: else, return, if, ||. Escreva a sequência correta dos blocos nas linhas abaixo: Qual é a sequência correta dos blocos? A) if || return else return B) if return else return || C) if else return return || D) if return || else return

• if || return else return

• if return else return ||

• if else return return ||

• if return || else return

Carol precisa saber se o usuário do seu site gostaria de receber e-mails com promoções de seus produtos. Para isso, ela precisa de um trecho de código para criar a caixa de seleção e outro trecho para capturar a informação colocada nessa caixa. Ordene todos os blocos para adicionar as funções na sequência descrita acima:

• createCheckbox("Gostaria de receber nossas promoções?") campoPromocao = campoPromocao.checked()

• campoPromocao = campoPromocao.checked() createCheckbox("Gostaria de receber nossas promoções?")

• campoPromocao.checked() = campoPromocao createCheckbox("Gostaria de receber nossas promoções?")

• createCheckbox("Gostaria de receber nossas promoções?") campoPromocao.checked() = campoPromocao

Observe o código abaixo: ```css html, body { margin:20px; padding:0px; background-color: rgb(0, 188, 212); } ``` O que este código está gerando? Identifique as principais funcionalidades deste trecho de código e escolha a alternativa correta.

• O código está definindo margens de 0 pixels para todos os elementos HTML e aplicando uma cor azul clara ao fundo da página.

• A propriedade margin está controlando as margens, definindo um espaço de 20 pixels entre os elementos da página.

• Neste trecho de código, a propriedade background-color está criando um desenho na tela.

Na aula, aprendemos: • Como adicionar um título à página do recomendador de filmes; • Os diferentes níveis de títulos que podemos escolher de acordo com sua importância; • Como identificar um arquivo de estilo; • Sobre o sistema de cores primárias, ou seja, vermelho, verde e azul. Agora é a sua vez! Ordene todos os blocos abaixo que estão relacionados a cada tópico acima, respectivamente. h1 – h6 rgb createElement() style.css Escreva a sequência correta dos blocos nas linhas abaixo:

• h1 – h6, createElement(), style.css, rgb

• createElement(), h1 – h6, rgb, style.css

• style.css, rgb, h1 – h6, createElement()

• rgb, style.css, createElement(), h1 – h6

Construa a seguinte estilização: Crie uma propriedade para definir a cor de fundo da página como verde; Aumente o espaço entre os elementos da página em 10 pixels. Para isso, ordene todos os blocos abaixo seguindo a ordem dos tópicos acima. margin: background-color: rgb(0, 255, 0); 10px; Escreva a sequência correta dos blocos nas linhas abaixo:

• background-color: rgb(0, 255, 0); margin: 10px;

• margin: 10px; background-color: rgb(0, 255, 0);

• background-color: 10px; margin: rgb(0, 255, 0);

• margin: rgb(0, 255, 0); background-color: 10px;

Considere o seguinte trecho de código JavaScript:

let usuario = "professor";
let ativo = false;

function acesso(usuario, ativo) {
if (usuario === "aluno" || ativo) {
return "Acesso permitido";
} else {
return "Acesso negado";
}
}

Qual das alternativas descreve corretamente o funcionamento da função?

• Permite acesso apenas se o usuário for 'professor' e estiver ativo.

• Permite acesso se o usuário for 'aluno' ou se estiver ativo.

• Permite acesso apenas se o usuário for 'aluno' e estiver ativo.

• Permite acesso apenas se o usuário não for 'aluno' e não estiver ativo.

Em CSS, para definir a cor do texto como azul e adicionar um espaçamento interno de 15 pixels, qual é a ordem correta dos blocos abaixo?
color: padding: blue; 15px;
Escreva a sequência correta dos blocos nas linhas abaixo:

• color: 15px; padding: blue;

• padding: blue; color: 15px;

• padding: 15px; color: blue;

• color: blue; padding: 15px;

Observe o código abaixo:

let desejaReceber = false;
function enviarPromocao(desejaReceber) {
if (desejaReceber) {
return "Promoção enviada!";
} else {
return "Usuário não deseja receber promoções.";
}
}

O que a função faz?

• Envia promoção apenas se desejaReceber for verdadeiro.

• Envia promoção sempre, independentemente do valor de desejaReceber.

• Envia promoção apenas se desejaReceber for falso.

• Nunca envia promoção, independentemente do valor de desejaReceber.

Em JavaScript, qual operador lógico é utilizado para verificar se todas as condições de uma expressão são verdadeiras? Analise as alternativas e escolha a correta.

• O operador || (ou)

• O operador && (e)

• O operador == (igualdade)

• O operador != (diferente)