Prova A2 Desenvolvimento de Aplicações Distribuídas e Web I

Prévia do material em texto

Local: 01 - POLO NITERÓI II - RJ - Sala 01 / Andar / POLO NITERÓI II - RJ / POLO NITERÓI II - RJ 
Acadêmico: EAD-IL10316-20222B
Aluno: EDUARDO FERREIRA TRINDADE 
Avaliação: A2-
Matrícula: 20211302973 
Data: 30 de Junho de 2022 - 08:00 Finalizado
Correto Incorreto Anulada  Discursiva  Objetiva Total: 10,00/10,00
1  Código: 35448 - Enunciado: Na criação de formulários em HTML, devemos determinar o método
(method) de envio dos dados para o servidor. Nesse contexto, identifique as possíveis formas de
envio de dados para o servidor ao submeter o conteúdo de um formulário.
 a) Submit e Post.
 b) Set e Get. 
 c) Submit e Get.
 d) Get e Post.
 e) Set e Post.
Alternativa marcada:
d) Get e Post.
Justificativa: Resposta correta:Get e Post.Post e Get são os únicos métodos de envio de dados de
um formulário HTML para o servidor. O método Get realiza o envio dos dados junto com a URL de
chamada do servidor, sendo uma forma de envio em que os dados são exibidos durante a
chamada. O método Post realiza o envio de forma separada, por meio de um bloco de dados com
mais segurança, além de permitir o envio de uma quantidade maior de dados. 
Distratores:Set e Post. Errada. Post é um método de envio utilizado em fomulários HTML, mas
Set é um tipo de métodos de acesso utilizados na programação orientada a objetos. Submit e
Post. Errada. Post é um método de envio utilizado em fomulários HTML, mas Submit é o tipo de
botão associado à ação de envio dos dados em um formulário HTML.Set e Get. Errada. Get é um
método de envio utilizado em fomulários HTML, mas Set é um tipo de métodos de acesso
utilizados na programação orientada a objetos. Submit e Get. Errada. Get é um método de envio
utilizado em fomulários HTML, mas Submit é o tipo de botão associado à ação de envio dos
dados em um formulário HTML.
0,50/ 0,50
2  Código: 35909 - Enunciado: Um desenvolvedor precisa apresentar uma lista de itens para que o
usuário, ao clicar sobre o item de sua escolha, faça com que o navegador o direcione para uma
outra página. A lista não deverá apresentar descrição dos itens ou qualquer tipo de numeração,
conforme apresentado no exemplo. 
Diante do exposto, determine qual das alternativas criará uma lista que atenderá às necessidades
do desenvolvedor para acessar as páginas: sobre.html e contato.html.
 a) <ul> <li><a href="sobre.html">Sobre</a></li> <li><a
href="contato.html">Contato</a></li></ul> 
 b) <p><a href="sobre.html">Sobre</a> <a href="contato.html">Contato</a></p> 
 c) <ol> <li><a href="sobre.html">Sobre</a></li> <li><a
href="contato.html">Contato</a></li></ol> 
 d) <dl> <dt><a href="sobre.html">Sobre</a></dt> <dt><a
href="contato.html">Contato</a></dt></dl> 
 e) <p><a href="sobre.html">Sobre</a></p><p><a href="contato.html">Contato</a></p> 
Alternativa marcada:
1,50/ 1,50
a) <ul> <li><a href="sobre.html">Sobre</a></li> <li><a href="contato.html">Contato</a>
</li></ul> 
Justificativa: Resposta correta:<ul> <li><a href="sobre.html">Sobre</a></li> <li><a
href="contato.html">Contato</a></li></ul>A tag para a criação de listas não numeradas e sem
descrição é a <ul>. Distratores:<dl> <dt><a href="sobre.html">Sobre</a></dt> <dt><a
href="contato.html">Contato</a></dt></dl>Errada. A tag <dl> é utilizada para a criação de listas
de definição com opção de apresentação de descrição. Essa tag não permite a apresentação de
itens identificados com o ponto na frente. 
<p><a href="sobre.html">Sobre</a></p><p><a href="contato.html">Contato</a></p>Errada. A
tag <p> é usada para a criação de parágrafos, não sendo indicada para o uso com listas. No
exemplo acima, os itens aparecerão um abaixo do outro, mas não será apresentado o ponto de
identificação dos itens na frente. 
<p><a href="sobre.html">Sobre</a> <a href="contato.html">Contato</a></p> Errada. A tag
<p> é usada para a criação de parágrafos, não sendo indicada para o uso com listas. Nesse
código, os itens irão aparecer lado a lado. 
<ol> <li><a href="sobre.html">Sobre</a></li> <li><a href="contato.html">Contato</a></li>
</ol>Errada. A tag <ol> é usada para a criação de listas numeradas, em que o ponto identificador
do item é substituído por um número.
3  Código: 35468 - Enunciado: Durante a elaboração de um formulário para uma pesquisa voltada
para o levantamento das preferências de clientes, que será disponibilizado na web, observou-se
a necessidade de identificar a faixa etária do cliente. Entre as opções a seguir, determine qual
trecho do formulário, em HTML, atenderá melhor à captura da informação desejada.
 a) <form name = "pesquisa">Faixa Etária: <input type = "radio" name = "op1"
value="faixa"> Menos de 20 anos </input> <input type = "radio" name = "op2" value="faixa">
Entre 21 e 40 anos </input> <input type = "radio" name = "op3" value="faixa"> Acima de 40
</input> .....</form> 
 b) Faixa Etária: <br> 
 <input type = "radio" name = "faixa" value="Menos de 20 anos"> </input> 
 <input type = "radio" name = "faixa" value="Entre 21 e 40 anos”> </input> 
 <input type = "radio" name = "faixa" value=" Acima de 40"> </input> 
 ..... 
</form> 
 c) <form name = "pesquisa">Faixa Etária: <br> <input type = "checkbox" name = "faixa"
value="op1"> Menos de 20 anos </input> <br> <input type = "checkbox" name = "faixa"
value="op2"> Entre 21 e 40 anos </input> <br> <input type = "checkbox" name = "faixa"
value="op3"> Acima de 40 </input> <br> .....</form> 
 d) <form name = "pesquisa">Faixa Etária: <br> <input type = "checkbox" name = "op1"
value="faixa"> Menos de 20 anos </input> <br> <input type = "checkbox" name = "op2"
value="faixa"> Entre 21 e 40 anos </input> <br> <input type = "checkbox" name = "op3"
value="faixa"> Acima de 40 </input> <br> .....</form> 
 e) <form name = "pesquisa"> 
Faixa Etária: <br> 
 <input type = "radio" name = "faixa" value="op1"> Menos de 20 anos </input> 
 <input type = "radio" name = "faixa" value="op2"> Entre 21 e 40 anos </input> 
 <input type = "radio" name = "faixa" value="op3"> Acima de 40 </input> 
..... 
</form> 
1,50/ 1,50
Alternativa marcada:
e) <form name = "pesquisa"> 
Faixa Etária: <br> 
 <input type = "radio" name = "faixa" value="op1"> Menos de 20 anos </input> 
 <input type = "radio" name = "faixa" value="op2"> Entre 21 e 40 anos </input> 
 <input type = "radio" name = "faixa" value="op3"> Acima de 40 </input> 
..... 
</form> 
Justificativa: Resposta correta:<form name = "pesquisa"> 
Faixa Etária: <br> 
 <input type = "radio" name = "faixa" value="op1"> Menos de 20 anos </input> 
 <input type = "radio" name = "faixa" value="op2"> Entre 21 e 40 anos </input> 
 <input type = "radio" name = "faixa" value="op3"> Acima de 40 </input> 
..... 
</form>Uma vez que o objetivo é identificar a qual faixa etária o cliente pertence, o tipo de
componente apropriado é o radio, e a propriedade name de cada componente deve ter o mesmo
identificador para que, entre as várias opções, apenas uma possa ser selecionada. 
Distratores:Faixa Etária: <br> 
 <input type = "radio" name = "faixa" value="Menos de 20 anos"> </input> 
 <input type = "radio" name = "faixa" value="Entre 21 e 40 anos”> </input> 
 <input type = "radio" name = "faixa" value=" Acima de 40"> </input> 
 ..... 
</form>Errada. Apesar de ter usado corretamente o componente radio, o parâmetro value tem
como papel determinar o valor que será associado ao nome do campo (name) quando do envio
dos dados, e não o conteúdo a ser apresentado ao usuário. Sendo assim, o controle não
apresentará o texto das opções (exemplo: "Menos de 20 anos") ao usuário. 
<form name = "pesquisa">Faixa Etária: <input type = "radio" name = "op1" value="faixa">
Menos de 20 anos </input> <input type = "radio" name = "op2" value="faixa"> Entre 21 e 40 anos
</input> <input type = "radio" name = "op3" value="faixa"> Acima de 40 </input> .....
</form>Errada. Apesar de ter utilizado o controle radio, a propriedadename tem que possuir o
mesmo identificador para um mesmo conjunto de opções; caso contrário, os botões de radio não
ficarão agrupados, permitindo ao usuário a escolha de mais de uma opção, o que está errado. Já
a propriedade value deverá ter nomes diferentes. O parâmetro value tem como papel determinar
o valor que será associado ao nome do campo (name) quando do envio dos dados.
<form name = "pesquisa">Faixa Etária: <br> <input type = "checkbox" name = "op1"
value="faixa"> Menos de 20 anos </input> <br> <input type = "checkbox" name = "op2"
value="faixa"> Entre 21 e 40 anos </input> <br> <input type = "checkbox" name = "op3"
value="faixa"> Acima de 40 </input> <br> .....</form>Errada. Uma vez que o objetivo é
identificar a qual faixa etária o cliente pertence, o tipo de controle apropriado é o radio, uma vez
que, entre várias opções, só poderá selecionar uma. O componente checkbox deve ser utilizado
apenas em situações de do tipo "sim" ou "não", uma vez que é adequado apenas para
confirmação ou não de um atributo. Para o uso de componentes do tipo checkbox, como eles
não são agrupados, a propriedade name de cada componente deve ter nomes diferentes,
conforme apresentado nessa opção. 
<form name = "pesquisa">Faixa Etária: <br> <input type = "checkbox" name = "faixa"
value="op1"> Menos de 20 anos </input> <br> <input type = "checkbox" name = "faixa"
value="op2"> Entre 21 e 40 anos </input> <br> <input type = "checkbox" name = "faixa"
value="op3"> Acima de 40 </input> <br> .....</form>Errada. Uma vez que o objetivo é identificar
a qual faixa etária o cliente pertence, o tipo de controle apropriado é o radio, uma vez que, entre
várias opções, só poderá selecionar uma. O componente checkbox deve ser utilizado apenas em
situações de do tipo "sim" ou "não", uma vez que é adequado apenas para confirmação ou não
de um atributo. Para o uso de componentes do tipo checkbox, como eles não são agrupados, a
propriedade name de cada componente deve ter nomes diferentes, e não iguais, como nessa
opção. 
4  Código: 35919 - Enunciado: Um desenvolvedor precisa apresentar um conjunto de parágrafos
em um conjunto de 100 páginas de conteúdo. A maioria dos parágrafos será exibida na cor preta
(ausência de cor). Além disso, em um total de 15 páginas, todos os parágrafos deverão ser
apresentados na cor azul; eventualmente, alguns parágrafos em qualquer página poderão ser
realçados na cor vermelha.Diante do exposto e considerando a codificação de uma página desse
projeto, escolha qual das alternativas apresenta o conjunto de códigos correto para atender aos
seguintes critérios:Todo o site deve estar com a definição de cores em estilos CSS na cor preta
para os seus parágrafos.Os parágrafos dessa página devem estar na cor azul.O parágrafo com o
texto “Parágrafo 2” deve estar na cor vermelha. 
 a) arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> 
 b) arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #000000; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html> 
 c) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #0000FF; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html> 
 d) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> 
 e) codificação HTML:<html> <head> <title>CSS - Estilos</title> </head> <body> <p
style="color: #0000FF">Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p
style="color: #0000FF">Parágrafo 3</p> <p style="color: #0000FF">Parágrafo 4</p> </body>
</html> 
Alternativa marcada:
c) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #0000FF; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html> 
Justificativa: Resposta correta:arquivo:prova_1.css:p { color: #000000; } codificação HTML:
<html> <head> <title>CSS - Estilos</title> <link rel="stylesheet" type= "text/css"
href="prova_1.css"> <style type="text/css"> <!-- p { color: #0000FF; } --> 
</style> </head> <body> <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> 
 <p>Parágrafo 3</p> <p>Parágrafo 4</p> </body></html> 
O arquivo CSS externo não influenciará as cores da página, mas deve ser carregado para atender
ao estilo global do site. Os estilos incorporados (azul) e locais (vermelho) estão corretos para a
definição do estilo do site porque atendem aos requisitos embarcados e locais. 
 Distratores:arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> 
 <title>CSS - Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css">
</head> <body> <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo
3</p> <p>Parágrafo 4</p> </body></html> 
Errada. O arquivo CSS externo está com a configuração de parágrafos configurada na cor azul,
não atendendo aos requisitos do site, que deve ter configuração global de parágrafos na cor
preta. A cor azul deve ser configurada com estilo incorporado, e não externo, na página. 
2,00/ 2,00
codificação HTML:<html> <head> <title>CSS - Estilos</title> </head> <body> <p style="color:
#0000FF">Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p style="color:
#0000FF">Parágrafo 3</p> <p style="color: #0000FF">Parágrafo 4</p> </body></html> Errada. A
página, apesar de apresentar os mesmos resultados de cores esperados, contém apenas estilos
locais, dificultando não só a manutenção do site, mas também não atendendo aos requisitos
embarcados e externos descritos no problema. 
arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #000000; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html> 
Errada. A página, apesar de apresentar os requisitos de estilos externo, incorporado e local
configurados, não apresenta corretamente as cores preta e azul, que estão invertidas quanto à
cor do estilo. 
arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> Errada. A página, apesar de apresentar o requisito de estilo
externo na cor preta, não apresenta o estilo incorporado na cor azul, o que não atende aos
requisitos da página.
5  Código: 35444 - Enunciado: Com o CSS, também conhecido como folha de estilos em cascata,
podemos determinar os estilos por meio de três diferentes formas, sendo que cada uma possui
uma ordem de precedência superior à outra. A partirdas opções apresentadas a seguir, defina a
ordem de precedência ao aplicar estilos em CSS, da maior precedência para a menor
precedência:
 a) Local (inline) à incorporada (embedded) à externa (linked). 
 b) Local (inline) à externa (linked) à incorporada (embedded).
 c) Incorporada (embedded) à externa (linked) à local (inline).
 d) Externa (linked) à local (inline) à incorporada (embedded).
 e) Externa (linked) à incorporada (embedded) à externa (inline).
Alternativa marcada:
a) Local (inline) à incorporada (embedded) à externa (linked). 
Justificativa: Resposta correta: Local (inline) à incorporada (embedded) à externa (linked). Essa
ordem permite que todos os padrões possam ser aplicados sem que um se sobreponha aos
demais, porque é essa ordem de precedência que determina o estilo que será aplicado quando
temos mais de um estilo a ser aplicado a um mesmo componente. 
Distratores:Local (inline) à externa (linked) à incorporada (embedded). Errada. Com a aplicação
dessa ordem de precedência, não poderíamos utilizar o estilo incorporado em conjunto com os
demais, pois o estilo externo se sobreporia ao estilo incorporado, não permitindo que em uma
determinada página possamos alterar o estilo externo por outro específico para essa
página.Externa (linked) à local (inline) à incorporada (embedded). Errada. Com a aplicação dessa
ordem de precedência, não poderíamos utilizar os estilos locais e incorporados em conjunto com
o externo, pois o estilo externo se sobreporia aos estilos locais e incorporados, não permitindo o
uso de estilos específicos a uma determinada página ou determinado componente.Incorporada
(embedded) à externa (linked) à local (inline). Errada. Com a aplicação dessa ordem de
precedência, não poderíamos utilizar o estilo local em conjunto com os demais, pois os estilos
incorporados e externos se sobreporiam ao estilo local, não permitindo a definição de um estilo
específico para um componente.Externa (linked) à incorporada (embedded) à externa (inline).
Errada. Com a aplicação dessa ordem de precedência, não poderíamos utilizar os estilos locais e
incorporados em conjunto com o externo, pois o estilo externo se sobreporia aos estilos locais e
0,50/ 0,50
incorporados, não permitindo o uso de estilos específicos a uma determinada página ou
determinado componente. Ainda teríamos o estilo incorporado se sobrepondo ao local, o que
não permitiria o uso de estilos em componentes específicos.
6  Código: 36067 - Enunciado: Uma aplicação para a web tem como requisito calcular e exibir uma
mensagem por meio de um alert. Essa mensagem deve apresentar o resultado de um valor
elevado a outro valor (xy). Além disso, a aplicação deverá receber os dois valores por meio de um
formulário, e o cálculo será realizado a partir de uma função, conforme o código a seguir: 
<!DOCTYPE html><html lang=”pt-br”> <head> <title>Criação de Tabelas</title> </head> 
<body> <h2>Cálculo da potência</h2> <form name="formPotencia"> <input type =
"text" name = "valorX" size = "10"> </input> <input type = "text" name = "valorY" size =
"10"> </input> <button onclick="calcularPotencia()">Calcular</button> </form> </body>
</html> 
Com base no exposto, determine a codificação correta da função JavaScript para apresentar o
resultado solicitado.
 a) function calcularPotencia() { var X = document.formPotencia.X.value; var Y =
document.formPotencia.Y.value; alert("Potência:" + Math.exp(X,Y)); } 
 b) function calcularPotencia() { var X = document.formPotencia.valorX.value; var Y =
document.formPotencia.valorY.value; alert("Potência:" + Math.exp(X,Y)); } 
 c) function calcularPotencia() { var X = document.formPotencia.valorX.value; var Y =
document.formPotencia.valorY.value; alert("Potência:" + Math.pow(X,Y)); } 
 d) function calcularPotencia() { var X = document.formPotencia.X.value; var Y =
document.formPotencia.Y.value; alert("Potência:" + Math.ceil(X,Y)); } 
 e) function calcularPotencia() { var X = document.formPotencia.X.value; var Y =
document.formPotencia.Y.value; alert("Potência:" + Math.pow(X,Y)); }
Alternativa marcada:
c) function calcularPotencia() { var X = document.formPotencia.valorX.value; var Y =
document.formPotencia.valorY.value; alert("Potência:" + Math.pow(X,Y)); } 
Justificativa: Resposta correta: function calcularPotencia() { var X =
document.formPotencia.valorX.value; var Y = document.formPotencia.valorY.value; 
 alert("Potência:" + Math.pow(X,Y)); } 
A função recebe corretamente os valores de X e Y, por meio dos identificadores valorX e valorY,
além de utilizar a função Math.pow() corretamente para realizar o cálculo da
potência. Distratores: 
 function calcularPotencia() { var X = document.formPotencia.valorX.value; var Y =
document.formPotencia.valorY.value; alert("Potência:" + Math.exp(X,Y)); } 
Errada. A função recebe corretamente os valores de X e Y, mas não utiliza a função correta para o
cálculo da potência ao usar a função Math.exp() no lugar da função Math.pow() para realizar o
cálculo. A função Math.exp() calcula o logaritmo de um número na base E. 
 function calcularPotencia() { var X = document.formPotencia.X.value; var Y =
document.formPotencia.Y.value; alert("Potência:" + Math.exp(X,Y)); } 
Errada. A função não recebe corretamente os valores de X e Y, pois os nomes dos componentes
input são, respectivamente, valorX e valorY, e não apenas X e Y. Além disso, não utiliza a função
correta para o cálculo da potência, ao usar a função Math.exp() no lugar da função Math.pow()
para realizar o cálculo. A função Math.exp() calcula o logaritmo de um número na base E. 
 function calcularPotencia() { var X = document.formPotencia.X.value; var Y =
document.formPotencia.Y.value; alert("Potência:" + Math.pow(X,Y)); }
Errada. A função não recebe corretamente os valores de X e Y, pois os nomes dos componentes
input são, respectivamente, valorX e valorY, e não apenas X e Y, mas utiliza a função Math.pow()
corretamente para realizar o cálculo da potência. 
1,50/ 1,50
 function calcularPotencia() { var X = document.formPotencia.X.value; var Y =
document.formPotencia.Y.value; alert("Potência:" + Math.ceil(X,Y)); } 
Errada. A função não recebe corretamente os valores de X e Y, pois os nomes dos componentes
input são, respectivamente, valorX e valorY, e não apenas X e Y. Além disso, não utiliza a função
correta para o cálculo da potência, ao usar a função Math.ceil() no lugar da função Math.pow()
para realizar o cálculo. A função Math.ceil() realiza um arredondamento para o próximo inteiro
superior ou igual ao número.
7  Código: 35949 - Enunciado: O desenvolvimento de uma aplicação web precisa identificar a data
do sistema (e recuperar) e, a partir do uso correto das funções de data, apresentar a hora, os
minutos, o dia do mês e o número do mês, conforme o padrão: HH:MM - DD/MM.Para isso,
devemos criar uma variável para armazenar a data do sistema, como realizado pelo código:var
dataHoje = new Date();Será necessário utilizar em conjunto algumas das funções para uso com
datas em JavaScript apresentadas a seguir:Funções: 
getDate(): retorna o dia do mês de 1 a 31getDay(): retorna o dia da semana de 0 a 6getMonth():
retorna o mês de 0 a 11getYear(): retorna o ano a partir do ano de 1900 getHours(): retorna a hora
de 0 a 23getMinutes(): retorna os minutos de 0 a 59getSeconds(): retorna os segundos de 0 a
59 Observe o exemplo a seguir, com a apresentação da variável data, conforme o padrão
solicitado, que pode ser visualizada em uma mensagem de alerta. 
Diante do exposto, escolha a alternativa que apresenta o código capaz de armazenar a data de
acordo com as necessidades requeridas pela aplicação.
 a) var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDay() +
"/" + (dataHoje.getMonth()+1);
 b) var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDate()+
"/" + (dataHoje.getMonth()+1);
 c) var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDay() +
"/" + dataHoje.getMonth();
 d) var data = dataHoje.getDate() + "/" + dataHoje.getMonth() + " - " + dataHoje.getHours() +
":" + dataHoje.getMinutes();
 e) var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDate() +
"/" + dataHoje.getMonth();
Alternativa marcada:
b) var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDate() + "/" +
(dataHoje.getMonth()+1);
Justificativa: Resposta correta:var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " -
" + dataHoje.getDate() + "/" + (dataHoje.getMonth()+1);Essa instrução JS monta corretamente a
data e o horário, conforme a apresentação solicitada, incluindo inicialmente o horário e depois a
data. A função ainda usa corretamente o método getDate() para retornar o dia do mês, e não o
método getDay(), que retorna o dia da semana. Também é somado 1 (um) ao mês: uma vez que o
mês retorna valores começando de 0 (zero), o número do mês corrente deve ter o seu valor
acrescido de 1 (um). 
Distratores: var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " +
dataHoje.getDay() + "/" + dataHoje.getMonth(); Errada. Essa instrução JS monta incorretamente,
porque, apesar de apresentar primeiro o horário e depois a data, a função utiliza o método
getDay(), que retorna o dia da semana, e não o método getDate(), que retorna o dia do mês. A
função ainda apresenta incorretamente o mês, uma vez que deve ser somado 1 (um) ao mês, já
que a função getMonth() retorna valores começando de 0 (zero).var data = dataHoje.getHours() +
":" + dataHoje.getMinutes() + " - " + dataHoje.getDay() + "/" + (dataHoje.getMonth()+1); Errada.
Essa instrução JS monta incorretamente, porque, apesar de apresentar primeiro o horário e
depois a data, a função utiliza o método getDay(), que retorna o dia da semana, e não o método
2,00/ 2,00
getDate(), que retorna o dia do mês. No entanto, a função apresenta corretamente o mês, uma
vez que deve ser somado 1 (um) ao mês, já que a função getMonth() retorna valores começando
de 0 (zero).var data = dataHoje.getDate() + "/" + dataHoje.getMonth() + " - " + dataHoje.getHours()
+ ":" + dataHoje.getMinutes(); Errada. Essa instrução JS monta incorretamente, porque apresenta
primeiro a data e depois o horário. A função usa corretamente o método getDate() para retornar o
dia do mês, e não o método getDay(), que retorna o dia da semana. A função ainda apresenta
incorretamente o mês, uma vez que deve ser somado 1 (um) ao mês, já que a função
getMonth() retorna valores começando de 0 (zero).var data = dataHoje.getHours() + ":" +
dataHoje.getMinutes() + " - " + dataHoje.getDate() + "/" + dataHoje.getMonth(); Errada. Essa
instrução JS monta corretamente a data e o horário, conforme a apresentação solicitada,
incluindo inicialmente o horário e depois a data. A função ainda usa corretamente o método
getDate() para retornar o dia do mês, e não o método getDay(), que retorna o dia da semana. Já
quanto à apresentação do mês, a função apresenta o valor incorreto, uma vez que deve ser
somado 1 (um) ao mês, já que a função getMonth() retorna valores começando de 0 (zero).
8  Código: 35445 - Enunciado: Com a aplicação de estilos com CSS, podemos determinar conjuntos
de estilos específicos para serem utilizados com um ou mais componentes. Isso permite que
mudanças de estilos possam ser realizadas de forma extremamente simples e rápida, mesmo em
sites com grande quantidade de páginas.A partir do código apresentado a seguir, indique o que
especificamente esta configuração representa em CSS:a.sem_sublinhado {text-decoration : none;
}
 a) Estilo externo.
 b) Estilo incorporado.
 c) Classe.
 d) Seletor.
 e) Estilo local.
Alternativa marcada:
d) Seletor.
Justificativa: Resposta correta:Seletor. Representa um conjunto de estilos que deve ser aplicado
aos componentes determinados, em que a letra (a) representa uma âncora, e o ponto deve
preceder o nome de identificação do estilo, sendo utilizado para determinar configurações de
seletores. 
Distratores:Estilo incorporado. Errada. Não representa um tipo de estilo, mas uma forma de
aplicação de estilos, com configuração dentro da página.Estilo local. Errada. Não representa um
tipo de estilo, mas uma forma de aplicação de estilos, com configuração diretamente no
componente da página. Estilo externo. Errada. Não representa um tipo de estilo, mas uma forma
de aplicação de estilos, com configuração em arquivo externo.Classe. Errada. Representa um
conjunto de estilos que pode ser aplicado em qualquer tipo de componente, e não
especificamente a âncoras (seletores).
0,50/ 0,50