Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
DESENVOLVIMENTO DE APLIC DISTRIBUÍDAS E WEB I A2
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
Avaliação: A2- DESENVOLVIMENTO DE APLIC. DISTRIBUÍDAS E WEB I Data: Junho de 2020
Total: 10,00/10,00
1 Código: 36503 - Enunciado: No desenvolvimento de sites e aplicações para a web, precisamos 0,50/ 0,50
apresentar diversos tipos de conteúdos. Em muitos casos, é necessário combinar diferentes tags para compor o resultado
final esperado. Observe o seguinte resultado:
Diante do exposto, identifique o conjunto de códigos HTML originais para a geração do resultado
esperado:
a) CH<sup>2</sup>O - H R<sub>2</sub> <br>
b) CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>
c) CH<sup>2</sup>O - <u>H R<sub>2</sub></u> <br>
d) CH<sub>2</sub>O - H R<sup>2</sup> <br>
e) CH<sub>2</sub>O - <u>H R<sup>2</sup></u> <br>
Alternativa marcada:
b) CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>
Justificativa: Resposta correta:CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>.Resulta em: CH2O
- H R2. Representa corretamente o uso das tags de subscrito, sobrescrito e sublinhado.
Distratores:CH<sub>2</sub>O - H R<sup>2</sup> <br>. Errada, pois o resultado não apresenta o
trecho sublinhado <u> e </u>.CH<sup>2</sup>O - <u>H R<sub>2</sub></u> <br>. Errada, pois o
resultado apresenta uma inversão entre o uso do subscrito e do sobrescrito.CH<sup>2</sup>O - H
R<sub>2</sub> <br>. Errada, pois o resultado não apresenta o trecho sublinhado <u> e </u>, além
de apresentar uma inversão entre o subscrito e o sobrescrito.CH<sub>2</sub>O - <u>H
R<sup>2</sup></u> <br>. Errada, pois no resultado, o trecho sublinhado se estende até o valor 2
sobrescrito, que diverge do padrão original apresentado.
2 Código: 35919 - Enunciado: Um desenvolvedor precisa apresentar um conjunto de parágrafos 2,00/ 2,00 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) 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>
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"></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: #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>
e) 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>
Alternativa marcada:
e) 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.
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.
3 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 partir das 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) à externa (linked) à incorporada (embedded).
b) Incorporada (embedded) à externa (linked) à local (inline).
c) Local (inline) à incorporada(embedded) à externa (linked).
d) Externa (linked) à local (inline) à incorporada (embedded).
e) Externa (linked) à incorporada (embedded) à externa (inline).
Alternativa marcada:
c) 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 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.
0,50/ 0,50
4
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) 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>
b) <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"
1,50/ 1,50
value="op3"> Acima de 40 </input> <br> .....</form>
c) <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>
d) <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>
e) <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>
Alternativa marcada:
c) <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 propriedade name 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 cadacomponente deve ter
nomes diferentes, e não iguais, como nessa opção.
5
Código: 36063 - Enunciado: Uma aplicação para a web tem como requisito exibir um título principal
(maior nível de cabeçalho) com a fonte Times em um parágrafo específico de uma página do site.
Para isso, é necessário que o desenvolvedor realize a codificação CSS adequada para exibir o
parágrafo conforme o resultado do exemplo a seguir.
Diante do exposto, selecione a codificação que apresenta o mesmo resultado indicado no exemplo.
a) <h1 style="font-family: Times; "> Título Principal.</h1>
b) <h1 style="font-face: Times; "> Título Principal.</h1>
c) <h7 style="font-family: Times; "> Título Principal.</h7>
d) <h7 style="font-face: Times; "> Título Principal.</h7>
e) <h1 style="font: Times; "> Título Principal.</h1>
Alternativa marcada:
a) <h1 style="font-family: Times; "> Título Principal.</h1>
Justificativa: Resposta correta:<h1 style="font-family: Times; > Título Principal.</h1>.
A tag para a definição de títulos com maior nível está correta ao utilizar <h1>, pois, quanto maior o
número da tag <h?>, menor será o tamanho da fonte. A identificação da fonte está correta, pois o
estilo em CSS para determinar uma fonte utiliza o identificador font-family. Distratores:<h7
style="font-family: Times; "> Título Principal.</h7>. Errada. A tag para a definição de títulos com
maior nível é a <h1>, pois, quanto maior o número da tag <h?>, menor será o tamanho da fonte.
Dessa forma, a tag <h7> determina o menor tamanho.<h7 style="font-face: Times; "> Título
Principal.</h7>. Errada. A tag para a definição de títulos com maior nível é a <h1>, pois, quanto maior
o número da tag <h?>, menor será o tamanho da fonte. Dessa forma, a tag <h7> determina o menor
tamanho. A identificação da fonte também não está correta, pois o estilo em CSS para determinar
uma fonte utiliza o identificador font-family, e não font-face. <h1 style="font: Times; "> Título
Principal.</h1>. Errada. A identificação da fonte não está correta, pois o estilo em CSS para
determinar uma fonte utiliza o identificador font-family, e não font. <h1 style="font-face: Times; ">
Título Principal.</h1>. Errada. A identificação da fonte não está correta, pois o estilo em CSS para
determinar uma fonte utiliza o identificador font-family, e não font-face.
1,50/ 1,50
6 Código: 35450 - Enunciado: Na programação em JavaScript, podemos trabalhar com eventos que são
relacionados aos componentes de um formulário, por exemplo. Vários desses eventos podem ser
relacionados a um mesmo componente, que, dependendo da interação do usuário, irá realizar uma
diferente ação. Diante do exposto, quando detectamos, por meio do código de programação, que
ocorreu uma mudança de um componente para outro e desejamos verificar se o componente
anterior, que perdeu o foco, foi preenchido corretamente ou não foi preenchido, devemos utilizar o
evento:
a) onChange.
b) onClick.
c) onFocus.
d) onInput.
e) onBlur.
Alternativa marcada:
e) onBlur.
Justificativa: Resposta correta:onBlur. Esse evento ocorre quando um elemento deixa de estar em
foco e perde o foco para outro componente, sendo o evento correto para o caso.
Distratores:onInput. Errada. Esse evento ocorre quando um elemento do tipo input tem seu valor
modificado.onClick. Errada. Esse evento ocorre quando é realizado um clique com o mouse sobre o
componente.onFocus. Errada. Esse evento ocorre quando um elemento ganha o foco e passa a ser o
elemento de interface do usuário.onChange. Errada. Esse evento ocorre quando um input, select ou
textarea tem seu valor alterado pelo usuário.
0,50/ 0,50
7 Código: 35945 - Enunciado: Um desenvolvedor precisa validar o ano de nascimento de um usuário
(que é numérico) e, para isso, precisa identificar se o usuário digitou corretamente o ano no campo
“data” do formulário. Para tanto, será necessário criar uma função em JavaScript para realizar essa
validação.Para obter as informações necessárias para a codificação correta da função, observe o
código do formulário a seguir, levando em consideração os seguintes aspectos:a) A função deve
apresentar uma mensagem do tipo alerta contendo o texto “Ano Numérico”, caso o dado seja
numérico, ou “Ano Não Numérico!”, caso o dado não seja numérico. b) Será necessário separar o
dia, o mês e o ano obtidos no campo “data”, e lembre-se: para essa separação, será necessário
subdividir o campo de texto, que se comporta como um vetor de caracteres. c) O uso correto da
função: isNaN(). <p>Preencha sua data de nascimento:
</p> <form name="formData" method="post"> Digite a data de nascimento: <input
type="text" name="data">(Ex.:25/12/2001) <button
onclick="analisarData()">Verificar</button> </form>
Diante do exposto, avalie qual das soluções apresenta a correta codificação da função JavaScript, capaz
de atender aos requisitos da aplicação.
a) function analisarData() { var data = document.formData.data.value; var dia =
data.substr(0,2); var mes = data.substr(3,2); var ano = data.substr(6,4);
if(isNaN(ano)==false) { alert("Ano Numérico!"); } else { alert("Ano Não Numérico!");
} }
b) function analisarData() { var data = document.formData.data.value; var dia =
data.substr(1,2); var mes = data.substr(4,2); var ano = data.substr(7,4); if(isNaN(ano)==true)
{ alert("Ano Numérico!"); } else { alert("Ano Não Numérico!"); } }
c) function analisarData() { var data = document.formData.data.value; var dia =
data.substr(0,2); var mes = data.substr(3,2); var ano = data.substr(6,4); if(isNaN(ano)==true)
{ alert("Ano Numérico!"); } else { alert("Ano Não Numérico!"); } }
d) function analisarData() { var data = document.post.data.value; var dia =
data.substr(1,2); var mes = data.substr(4,2); var ano = data.substr(7,4);
2,00/ 2,00
if(isNaN(ano)==false) { alert("Ano Numérico!"); } else { alert("Ano Não Numérico!");
} }
e) function analisarData() { var data = document.formData.data.value; var dia =
data.substr(1,2); var mes = data.substr(4,2); var ano = data.substr(7,4);
if(isNaN(ano)==false) { alert("Ano Numérico!"); } else { alert("Ano Não Numérico!");
} }
Alternativa marcada:
a) function analisarData() { var data = document.formData.data.value; var dia = data.substr(0,2);
var mes = data.substr(3,2); var ano = data.substr(6,4);
if(isNaN(ano)==false) { alert("Ano Numérico!"); } else { alert("Ano Não Numérico!");
} }
Justificativa: Resposta correta:function analisarData() { var data = document.formData.data.value;
var dia = data.substr(0,2); var mes = data.substr(3,2); var ano = data.substr(6,4);
if(isNaN(ano)==false) { alert("Ano Numérico!"); } else {
alert("Ano Não Numérico!"); } }A função isNaN quer dizer “is Not a Number”, o que retorna
verdadeiro se NÃO é um número, portanto, para ser um número, devemos comparar com o valor false
para verificar se o valor é um número, conforme pode ser visto nessa opção.
Distratores:function analisarData() { var data = document.formData.data.value; var dia =
data.substr(0,2); var mes = data.substr(3,2); var ano = data.substr(6,4); if(isNaN(ano)==true)
{ alert("Ano Numérico!"); } else { alert("Ano Não Numérico!"); } }
Errada. Essa função busca corretamente o valor do ano, uma vez que a String se inicia da posição zero,
mas verifica se a função isNaN() é comparada a true, o que indica que o valor não é um número.
function analisarData() { var data = document.formData.data.value; var dia =
data.substr(1,2);var mes = data.substr(4,2); var ano = data.substr(7,4); if(isNaN(ano)==true) {
alert("Ano Numérico!"); } else { alert("Ano Não Numérico!"); } }Errada. Essa função não
busca corretamente o valor do ano, uma vez que a String se inicia da posição zero, e a função começa
pela posição um, o que não permitirá a busca pelo valor correto do ano. A função ainda verifica se a
função isNaN() é comparada a true, o que indica que o valor não é um número.
function analisarData() { var data = document.formData.data.value; var dia = data.substr(1,2);
var mes = data.substr(4,2); var ano = data.substr(7,4);
if(isNaN(ano)==false) { alert("Ano Numérico!"); } else { alert("Ano Não Numérico!"); }
}Errada. Essa função não busca corretamente o valor do ano, uma vez que a String se inicia da
posição zero, e a função começa pela posição um, o que não permitirá a busca pelo valor correto do
ano. A função ainda verifica corretamente ao se comparar a função isNaN() com false, o que indica
que o valor é um número.
function analisarData() { var data = document.post.data.value; var dia = data.substr(1,2); var
mes = data.substr(4,2); var ano = data.substr(7,4); if(isNaN(ano)==false) { alert("Ano
Numérico!"); } else { alert("Ano Não Numérico!"); } }Errada. Essa função não busca
corretamente o valor da data, porque utiliza para identificar o formulário o método post, e não o
nome do formulário, que é “formData”; além disso, o valor do ano não é obtido corretamente, uma
vez que a String se inicia da posição zero, e a função começa pela posição um, o que não permitirá a
busca pelo valor correto do ano. A função ainda verifica corretamente ao se comparar a função
isNaN() com false, o que indica que o valor é um número.
8
Código: 35467 - Enunciado: No decorrer do processo de desenvolvimento de uma aplicação para a
web, foi criado pela equipe o seguinte formulário:
Durante a apresentação para o supervisor, este pediu para que o campo “Matrícula” só aceite, no
máximo, 10 caracteres. Sendo assim, determine qual das tags abaixo permite que o usuário só insira
até 10 caracteres ou dígitos no campo matrícula (mat).
1,50/ 1,50
a) <input type = "text" name = "mat" characters = "10"> </input>
b) <input type = "text" name = "mat" digits = "10"> </input>
c) <input type = "text" name = "mat" length = "10"> </input>
d) <input type = "text" name = "mat" maxlength = "10"> </input>
e) <input type = "text" name = "mat" size = "10"> </input>
Alternativa marcada:
d) <input type = "text" name = "mat" maxlength = "10"> </input>
Justificativa: Resposta correta:<input type = "text" name = "mat" maxlength = "10"> </input>.O
parâmetro que permite configurar a quantidade de caracteres ou dígitos que poderão ser digitados é
maxlength.
Distratores:<input type = "text" name = "mat" size = "10"> </input>. Errada. O parâmetro size
permite definirmos o tamanho visual da caixa de texto na criação do componente.<input type =
"text" name = "mat" characters = "10"> </input>. Errada. Como o parâmetro characters não é
reconhecido pelo HTML, o navegador irá desconsiderá-lo, lembrando que um componente <input>
pode receber dígitos, além de caracteres.<input type = "text" name = "mat" length = "10"> </input>.
Errada. Como o parâmetro length não é reconhecido pelo HTML, o navegador irá desconsiderá-lo e
não limitará a quantidade de caracteres ou dígitos.<input type = "text" name = "mat" digits = "10">
</input>. Errada. Como o parâmetro digits não é reconhecido pelo HTML, o navegador irá
desconsiderá-lo, lembrando que um componente <input> pode receber caracteres, além de dígitos.
Continue navegando
Materiais relacionados
8 pág.
7 pág.
Perguntas relacionadas
Compartilhar