Prévia do material em texto

Aluno: Matrícula: 
Avaliação: A2- Data: 18 de Junho de 2020 - 08:00 Finalizado 
Local: Sala 1 - TJ - Prova On-line / Andar / Polo Tijuca / POLO UVA TIJUCA Acadêmico: 
 
Correto Incorreto Anulada Discursiva Objetiva Total: 9,50/10,00 
1 Código: 35914 - Enunciado: No desenvolvimento de aplicações web, utilizamos o CSS para criar 1,50/ 1,50 
conjuntos de formatação para a criação de estilos para o site. É comum definir uma série de estilos e aplicá-los quando 
necessário.Nesse contexto, determine qual dos códigos CSS a seguir se refere à criação de uma classe CSS para uso com 
diferentes componentes. 
 a) a.texto_negrito { font-weight : bold; } 
 b) .texto_negrito { font-weight : bold; } 
c) h1, h2, h3 .texto_negrito { font-weight : bold; } 
d) p.texto_negrito { font-weight : bold; } 
e) texto_negrito { font-weight : bold; } 
Alternativa marcada: 
b) .texto_negrito { font-weight : bold; } 
Justificativa: Resposta correta:.texto_negrito { font-weight : bold ; }.Uma classe é identificada 
pelo ponto no início do identificador e o nome que será usado para identificar o estilo, podendo 
ser utilizado localmente por diversos componentes diferentes. 
Distratores:texto_negrito { font-weight : bold ; }. Errada. Uma classe é identificada pelo ponto no 
início do identificador e o nome que será usado para identificar o estilo. O código apresentado não 
possui o ponto inicial para a identificação de uma classe. p.texto_negrito { font-weight : bold ; }. 
Errada. Não se usa o nome de componente para a criação de uma classe; devemos apenas iniciar 
por um ponto e identificar o nome e o estilo. h1, h2, h3 .texto_negrito { font-weight : bold ; }. 
Errada. Não se usa o nome de um ou mais componentes para a criação de uma classe; apesar de 
podermos separar a identificação dos componentes por meio do uso de vírgulas, uma classe não 
possui identificação de componentes; devemos apenas iniciar por um ponto e identificar o nome e 
o estilo.a.texto_negrito { font-weight : bold ; }. Errada. O uso de um componente de âncora com um 
ponto e um nome para identificar o estilo é usado para a criação de seletores, que servem para 
padronizar links (âncoras). Nesse caso, são criados classes de padronização, mas essas classes 
estão restritas a uso apenas com componentes específicos, e não com diferentes componentes. 
2 Código: 35444 - Enunciado: Com o CSS, também conhecido como folha de estilos em cascata, 0,00/ 0,50 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) Incorporada (embedded) à externa (linked) à local (inline). 
b) Local (inline) à externa (linked) à incorporada (embedded). 
 c) Local (inline) à incorporada (embedded) à externa (linked). 
d) Externa (linked) à local (inline) à incorporada (embedded). 
e) Externa (linked) à incorporada (embedded) à externa (inline). 
Alternativa marcada: 
e) Externa (linked) à incorporada (embedded) à externa (inline). 
 
 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. 
 
3 
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) <h7 style="font-family: Times; "> Título Principal.</h7> 
b) <h7 style="font-face: Times; "> Título Principal.</h7> 
 c) <h1 style="font-family: Times; "> Título Principal.</h1> 
d) <h1 style="font-face: Times; "> Título Principal.</h1> 
e) <h1 style="font: Times; "> Título Principal.</h1> 
Alternativa marcada: 
c) <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 
4 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: #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> 
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"></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) 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> 
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) 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> 
Alternativa marcada: 
a) 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. 
 
5 
Código: 35912 - Enunciado: Um desenvolvedor precisa preparar um formulário de entrada de 
dados para um site. Esse formulário, que será usado para receber reclamações dos usuários, deve 
atender aos seguintes requisitos:Conter um local para armazenar a reclamação do usuário, com a 
disponibilização de cinco linhas de texto e 60 colunas de caracteres por linha, conforme o exemplo 
apresentado a seguir: 
Diante do exposto, escolha a codificação que criará o componente adequado. 
a) <input type="text" name="reclamacao" rows="5" cols="60">Digite aqui...</input> 
b) <input type="multiline" name="reclamacao" rows="5" cols="60">Digite aqui...</input> 
 c) <textarea name="reclamacao" rows="5" cols="60">Digite aqui...</textarea> 
d) <input type="text" name="reclamacao" rows="60" cols="5">Digite aqui...</input> 
e) <textarea name="reclamacao" rows="60" cols="5">Digite aqui...</textarea> 
Alternativa marcada: 
c) <textarea name="reclamacao" rows="5" cols="60">Digite aqui...</textarea> 
Justificativa: Resposta correta:<textarea name="reclamacao" rows="5" cols="60">Digite aqui... 
</textarea>.Fará a criação de um espaço para o registro do texto da relação com cinco linhas e 60 
colunas, de acordo com o exemplo apresentado. Distratores:<textarea name="reclamacao" 
rows="60" cols="5">Digite aqui...</textarea>. Errada. Fará a criação de um espaço para o registro do 
texto da relação com 50 linhas e cinco colunas, muito diferente do exemplo apresentado, pois será 
criado um espaço para digitação com uma largura muito pequena e com um número grande de 
linhas, sendo necessário usar a rolagem da página.<input type="text" name="reclamacao" 
rows="60" cols="5">Digite aqui...</input>. Errada. O componente <input> trabalha com apenas uma 
linha, e não com múltiplas linhas. Podemos determinar o número de colunas para o texto, mas não o 
número de linhas.<input type="text" name="reclamacao" rows="5" cols="60">Digite aqui...</input>. 
Errada. O componente <input> trabalha com apenas uma linha, e não com múltiplas linhas. 
Podemos determinar o número de colunas para o texto, mas não o número de linhas.<input 
type="multiline" name="reclamacao" rows="5" cols="60">Digite aqui...</input>. Errada. O 
componente <input> não permite o seu uso com múltiplas linhas e não possui um tipo “multiline”. 
2,00/ 2,00 
 
 
6 
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 trechodo formulário, em HTML, atenderá melhor à captura da informação desejada. 
a) <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> 
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 = "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> 
 d) <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> 
 e) <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> 
Alternativa marcada: 
d) <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. 
1,50/ 1,50 
 
 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 cada componente deve ter nomes diferentes, e não iguais, como nessa 
opção. 
 
7 
Código: 35446 - Enunciado: A utilização de cores em componentes HTML e nos estilos em CSS 
permitem chamar a atenção do usuário ou mesmo melhorar a apresentação de um componente 
ou conteúdo. Sabendo disso, identifique a cor que será utilizada para apresentação de um 
componente HTML ou conteúdo em CSS ao se definir a codificação de cores #0000FF: a) Preta. 
b) Azul. 
c) Vermelha. 
d) Verde. 
e) Branca. 
Alternativa marcada: 
b) Azul. 
Justificativa: Resposta correta:Azul. Pelo padrão RGB, está correto o uso do terceiro grupo de cores 
somente, para atingir o resultado esperado: #0000FF. 
Distratores:Branca. Errada. Pelo padrão RGB, seria o uso de todas as cores para atingir o 
0,50/ 0,50 
 
resultado esperado: #FFFFFF.Verde. Errada. Pelo padrão RGB, seria o uso do segundo grupo de 
cores somente, para atingir o resultado esperado: #00FF00.Preta. Errada. Pelo padrão RGB, seria 
a ausência de todas as cores para atingir o resultado esperado: #000000.Vermelha. Errada. Pelo 
padrão RGB, seria o uso do primeiro grupo de cores somente, para atingir o resultado esperado: 
#FF0000. 
8 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) onInput. 
 b) onBlur. 
 c) onClick. 
 d) onChange. 
 e) onFocus. 
Alternativa marcada: 
b) 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 textareatem seu valor alterado pelo usuário. 
0 50 ,50/ 0,