20/05/2020 Teste: Trabalho Prático do Módulo 1

Trabalho Prático do Módulo 1

Iniciado: 20 mai em 15:41

Instruções do teste
Informações sobre o Trabalho Prático

O Trabalho Prático do Módulo 1 está disponível! Consulte a data de entrega no teste e em seu
calendário.

Reserve um tempo para realizar a atividade, leia as orientações e enunciados com atenção. Em caso
de dúvidas utilize o "Fórum de dúvidas do Trabalho Prático".

Para iniciá-lo clique em "Fazer teste". Você tem somente uma tentativa e não há limite de tempo
definido para realizá-lo. Caso precise interromper a atividade, apenas deixe a página e, ao retornar,
clique em "Retomar teste".

Clique em "Enviar teste" somente quando você concluí-lo. Antes de enviar confira todas as
questões.

O gabarito será disponibilizado partir de sexta-feira, 22/05/2020, às 21h.

Bom trabalho!

Objetivos

Exercitar os seguintes conceitos trabalhados no Módulo:

Utilização de elementos HTML.

Utilização de CSS.
Utilização de identificadores em elementos HTML.
Captura de referência de elementos com JavaScript.
Manipulação de eventos com JavaScript.
Utilização de funções com JavaScript e CSS.
Manipulação direta de CSS com JavaScript.

Enunciado

Construa, utilizando HTML, CSS e JavaScript puro, uma aplicação para a visualização de cores a
partir da escala RGB.

Atividades

Os alunos deverão desempenhar as seguintes atividades:

1. Implementar, através de HTML, CSS e JavaScript puro, uma aplicação que contenha três
inputs do tipo “range”, cujos valores vão de 0 a 255 e representem, respectivamente, R (Red –
https://igti.instructure.com/courses/2934/quizzes/34899/take 1/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

Vermelho), G (Green – Verde) e B (Blue – Azul).

2. Essa combinação de valores deve ser utilizada para preencher a cor de fundo de uma <div>
quadrada.
3. Além disso, inclua três inputs de texto somente-leitura (desabilitados) para a visualização do
valor atual de cada input do tipo range.
4. À medida em que o usuário modifica o valor dos ranges com as teclas ← e → do teclado, a <div>
deve refletir a cor correspondente.
5. A imagem abaixo ilustra uma possível interface para a aplicação.

Dicas

Utilize o método load de window.addEventListener para garantir que o DOM esteja totalmente
carregado antes de qualquer instrução JavaScript.
Utilize id's nos inputs e na div para mapeá-los no script com document.querySelector.
Não se preocupe tanto com a interface gráfica. O mais importante é o código estar funcionando.
Para definir a cor da div, utilize style.backgroundColor. O valor deve ser uma string que, por
sua vez, interpola a função rgb() do CSS. Mais informações aqui
(https://www.w3schools.com/cssref/func_rgb.asp) .
Mais alguns valores de referência:

https://igti.instructure.com/courses/2934/quizzes/34899/take 2/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

Pergunta 1 1,66 pts

Qual cor mais se assemelha à seguinte combinação?

https://igti.instructure.com/courses/2934/quizzes/34899/take 3/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

Pergunta 2 1,66 pts

Qual combinação de RGB mais se aproxima da imagem abaixo?

235, 0, 154.

235, 154, 0.

154, 235, 0.

0, 235, 154.

Pergunta 3 1,66 pts

Qual combinação de RGB mais se aproxima da imagem abaixo?

https://igti.instructure.com/courses/2934/quizzes/34899/take 4/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

30, 30, 30.

80, 80, 80.

130, 130, 130.

180, 180, 180.

Pergunta 4 1,66 pts

Qual combinação de RGB mais se aproxima da imagem abaixo?

30, 30, 30.

180, 180, 180.

80, 80, 80.

130, 130, 130.

Pergunta 5 1,66 pts

Como é possível tornar um input desabilitado, conforme imagem abaixo?

https://igti.instructure.com/courses/2934/quizzes/34899/take 5/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

Através do atributo "disabled".

Não é possível desabilitar inputs.

Somente via código JavaScript.

Através do atributo "enabled" com o valor "false".

Pergunta 6 1,66 pts

Qual é uma das formas de se garantir que o DOM esteja carregado antes da
execução de qualquer código JavaScript?

Implementando o código dentro de uma função invocada por:

window.addEventListener("load", ...)

Implementando o código dentro de uma função invocada por:

window.addEventListener("change", ...)

Implementando o código dentro de uma função invocada por:

window.addEventListener("end", ...)

Implementando o código dentro de uma função invocada por:

window.addEventListener("click", ...)

Pergunta 7 1,66 pts

Como é possível alterar uma cor a partir de três dados de cores RGB com
JavaScript, cujas variáveis são r, g e b?

Através da atribuição de string, cujo conteúdo é a função rgb(r,g,b) do CSS.

Através da função nativa rgb() do JavaScript.

Através da atribuição da string "rgb".

Só é possível a atribuição a partir da conversão do valor em RGB para Hexadecimal.

https://igti.instructure.com/courses/2934/quizzes/34899/take 6/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

Pergunta 8 1,66 pts

Qual tipo de input reflete a imagem abaixo?

Input do tipo "color".

Input do tipo "number".

Input do tipo "text".

Input do tipo "range".

Pergunta 9 1,66 pts

Qual combinação de RGB mais se aproxima da imagem abaixo?

30, 30, 30.

130, 130, 130.

80, 80, 80.

180, 180, 180.

Pergunta 10 1,66 pts

Qual cor mais se assemelha à seguinte combinação?

https://igti.instructure.com/courses/2934/quizzes/34899/take 7/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

Pergunta 11 1,66 pts

Qual cor mais se assemelha à seguinte combinação?

https://igti.instructure.com/courses/2934/quizzes/34899/take 8/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

Pergunta 12 1,66 pts

Qual combinação de RGB mais se aproxima da imagem abaixo?

180, 180, 180.

80, 80, 80.

130, 130, 130.

30, 30, 30.

Pergunta 13 1,66 pts

Qual cor mais se assemelha à seguinte combinação?

https://igti.instructure.com/courses/2934/quizzes/34899/take 9/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

Pergunta 14 1,66 pts

Qual combinação de RGB mais se aproxima da imagem abaixo?

90, 93, 137.

137, 93, 90.

137, 90, 93.

https://igti.instructure.com/courses/2934/quizzes/34899/take 10/11
20/05/2020 Teste: Trabalho Prático do Módulo 1

93, 137, 90.

Pergunta 15 1,76 pts

Qual combinação de RGB mais se aproxima da imagem abaixo?

50, 200, 255

50, 255, 200.

200, 50, 255

200, 255, 50.

Salvo em 15:02 Enviar teste

https://igti.instructure.com/courses/2934/quizzes/34899/take 11/11