UVA A2 Desenvolvimento de Aplicações Distribuídas e WEB I

Prévia do material em texto

UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
 
1. O HTML disponibiliza tags específicas para montagem de listas, que podem ser enumeradas 
ou não. Analise, na figura abaixo, dois tipos de listas possíveis de se gerar em HTML. 
 
Qual dos códigos HTML abaixo gera o mesmo conteúdo da imagem acima? 
Alternativas 
A) 
 
<h2>Linguagens de programação</h2> 
<li> 
 <ul>Java</ul> 
 <ul>C++</ul> 
 <ul>Delphi</ul> 
</li> 
<h2>Ranking de linguagens</h2> 
<li> 
 <ol>Java</ol> 
 <ol>C++</ol> 
 <ol>Delphi</ol> 
</li> 
B) 
 
<h2>Linguagens de programação</h2> 
<ul> 
 <li>Java</li> 
 <li>C++</li> 
 <li>Delphi</li> 
</ul> 
<h2>Ranking de linguagens</h2> 
<ol> 
 <li>Java</li> 
 <li>C++</li> 
 <li>Delphi</li> 
</ol> 
 
 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
C) 
 
<h2>Linguagens de programação</h2> 
<list> 
 <ul>Java</ul> 
 <ul>C++</ul> 
 <ul>Delphi</ul> 
</list> 
<h2>Ranking de linguagens</h2> 
<list> 
 <ol>Java</ol> 
 <ol>C++</ol> 
 <ol>Delphi</ol> 
</list> 
 
D) 
 
<h2>Linguagens de programação</h2> 
<ol> 
 <li>Java</li> 
 <li>C++</li> 
 <li>Delphi</li> 
</ol> 
<h2>Ranking de linguagens</h2> 
<ul> 
 <li>Java</li> 
 <li>C++</li> 
 <li>Delphi</li> 
</ul> 
 
E) 
 
<h2>Linguagens de programação</h2> 
<ul> 
 <p>* Java</p> 
 <p>* C++</p> 
 <p>* Delphi</p> 
</ul> 
<h2>Ranking de linguagens</h2> 
<ol> 
 <p>1. Java</p> 
 <p>2. C++</p> 
 <p>3. Delphi</p> 
</ol> 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
 
Resposta certa: B) 
 
2. 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 31 getDay(): retorna o dia da semana de 0 a 6 
getMonth(): retorna o mês de 0 a 11 getYear(): retorna o ano a partir do ano de 1900 
getHours(): retorna a hora de 0 a 23 getMinutes(): retorna os minutos de 0 a 59 
getSeconds(): 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. 
Alternativas 
A) 
var data = dataHoje.getDate() + "/" + dataHoje.getMonth() + " - " + dataHoje.getHours() + ":" + 
dataHoje.getMinutes(); 
 
B) 
var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDate() + "/" + 
dataHoje.getMonth(); 
 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
C) 
var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDay() + "/" + 
(dataHoje.getMonth()+1); 
 
D) 
var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDate() + "/" + 
(dataHoje.getMonth()+1); 
 
E) 
var data = dataHoje.getHours() + ":" + dataHoje.getMinutes() + " - " + dataHoje.getDay() + "/" + 
dataHoje.getMonth(); 
 
 
Feedback: 
 
Resposta correta: 
D) 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 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 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
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). 
 
3. Durante o processo da construção de um site, o cliente solicitou ao desenvolvedor para que 
ele inserisse uma imagem (cujo nome é textura.jpg) como fundo da página. 
Para atender o cliente, o desenvolvedor deve alterar a tag <body> para: 
Alternativas 
A) 
<body img = “textura.jpg” backgroung>. 
 
B) 
<body img = “textura.jpg”>. 
 
C) 
<body bgimg = “textura.jpg”> 
 
D) 
<body background = “textura.jpg”>. 
 
E) 
<body bgcolor = “textura.jpg”>. 
 
 
Feedback: 
 
Resposta correta: 
D) <body background = “textura.jpg”>. 
Para definirmos uma imagem de fundo de página, utilizamos o parâmetro background. 
 
Distratores: 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
<body img = “textura.jpg”>. Errada. Não existe o parâmetro img na tag body (<body>). 
<body bgimg = “textura.jpg”>. Errada. Não existe o parâmetro bgimg na tag body (<body>). 
<body bgcolor = “textura.jpg”>. Errada. O parâmetro bgcolor é usado para definir a cor de fundo. 
<body img = “textura.jpg” backgroung>. Errada. Não existe o parâmetro img na tag body (<body>). 
 
 
 
4. Na criação de formulários em HTML, devemos determinar o método (method) de envio dos 
dados para o servidor. 
Nessecontexto, identifique as possíveis formas de envio de dados para o servidor ao submeter 
o conteúdo de um formulário. 
Alternativas 
A) 
Set e Post. 
 
B) 
Submit e Post. 
 
C) 
Get e Post. 
 
D) 
Submit e Get. 
 
E) 
Set e Get. 
 
 
Feedback: 
 
Resposta correta: 
C) 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 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
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. 
 
 
 
5. No desenvolvimento de aplicações web, utilizamos o CSS para criar 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. 
Alternativas 
A) 
.texto_negrito { font-weight : bold; } 
 
B) 
a.texto_negrito { font-weight : bold; } 
 
C) 
texto_negrito { font-weight : bold; } 
 
D) 
h1, h2, h3 .texto_negrito { font-weight : bold; } 
 
E) 
p.texto_negrito { font-weight : bold; } 
 
 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
Feedback: 
 
Resposta correta: 
A) .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. 
 
 
 
6. 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. 
Alternativas 
A) 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
<input type="multiline" name="reclamacao" rows="5" cols="60">Digite aqui...</input> 
 
B) 
<input type="text" name="reclamacao" rows="5" cols="60">Digite aqui...</input> 
 
C) 
<input type="text" name="reclamacao" rows="60" cols="5">Digite aqui...</input> 
 
D) 
<textarea name="reclamacao" rows="5" cols="60">Digite aqui...</textarea> 
 
E) 
<textarea name="reclamacao" rows="60" cols="5">Digite aqui...</textarea> 
 
 
Feedback: 
 
Resposta correta: 
D) <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”. 
 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
 
7. 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). 
Alternativas 
A) 
<input type = "text" name = "mat" size = "10"> </input> 
 
B) 
<input type = "text" name = "mat" digits = "10"> </input> 
 
C) 
<input type = "text" name = "mat" characters = "10"> </input> 
 
D) 
<input type = "text" name = "mat" maxlength = "10"> </input> 
 
E) 
<input type = "text" name = "mat" length = "10"> </input> 
 
 
Feedback: 
 
Resposta correta: 
D) <input type = "text" name = "mat" maxlength = "10"> </input>. 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
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 navegadorirá 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. 
 
 
 
8. Uma aplicação para a web necessita realizar a verificação de um valor numérico digitado 
pelo usuário em um campo de texto (componente do tipo <input>). Para tanto, é preciso que a 
aplicação obedeça aos seguintes critérios: 
1. Verificar se o usuário digitou de fato um número. 
2. O valor só deve ser verificado quando o usuário tiver preenchido totalmente o campo e 
tiver alterado o foco para o próximo campo. 
Para realizar a operação relatada, o desenvolvedor deve trabalhar com os eventos na 
linguagem JavaScript para que, caso o valor não esteja correto, a aplicação retorne o foco para 
o componente anterior no qual o usuário não digitou corretamente um valor. 
Sabe-se também que: 
• O formulário possui identificador: formCadastro. 
• O campo que irá armazenar o preço tem como identificador: preco, e o próximo campo 
tem como identificador: data. 
Diante do exposto, escolha a opção que atenda corretamente às características necessárias 
aos campos na montagem do código HTML dos componentes do tipo input da aplicação. 
Alternativas 
A) O campo preço (identificador: preco) deve possuir o método onBlur() e, caso não seja um 
valor, utilizar a instrução document.formCadastro.preco.focus();. 
B) O campo preço (identificador: data) deve possuir o método onBlur() e, caso não seja um 
valor, utilizar a instrução document.formCadastro.preco.focus();. 
C) O campo preço (identificador: data) deve possuir o método onClick() e, caso não seja um 
valor, utilizar a instrução document.formCadastro.preco.focus();. 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
D) O campo preço (identificador: preco) deve possuir o método onInput() e, caso não seja um 
valor, utilizar a instrução document.formCadastro.preco.focus();. 
E) O campo preço (identificador: preco) deve possuir o método onClick() e, caso não seja um 
valor, utilizar a instrução document.formCadastro.preco.focus();. 
 
 
Feedback: 
 
Resposta correta: 
A) O campo preço (identificador: preco) deve possuir o método onBlur() e, caso não seja um valor, 
utilizar a instrução document.formCadastro.preco.focus();. 
O componente correto a ter o método associado é input preco, que deve utilizar o 
método onBlur, que é executado sempre que um componente perde o foco, conforme os 
requisitos apresentados pela aplicação. 
 
Distratores: 
O campo preço (identificador: preco) deve possuir o método onInput() e, caso não seja um valor, 
utilizar a instrução document.formCadastro.preco.focus();. Errada. O componente correto a ter o 
método associado é input preco. O método onInput é executado sempre que existe uma 
alteração em componentes do tipo input, mas a aplicação tem como requisito a perda do foco, 
não atendendo aos requisitos apresentados pela aplicação. 
O campo preço (identificador: preco) deve possuir o método onClick() e, caso não seja um valor, 
utilizar a instrução document.formCadastro.preco.focus();. Errada. O componente correto a ter o 
método associado é input preco, mas o método onClick não deve ser utilizado em conjunto com 
componentes do tipo input, porque componentes de input são para realizar entrada de dados e 
não devem ser associados a ações de cliques dos usuários, o que não atende aos requisitos 
apresentados pela aplicação. 
O campo preço (identificador: data) deve possuir o método onClick() e, caso não seja um valor, 
utilizar a instrução document.formCadastro.preco.focus();. Errada. O componente correto a ter o 
método associado é input preco, e não o componente data, porque a perda de foco deve ocorrer 
com o próprio campo, e não com o próximo; além disso, o método onClick não deve ser 
utilizado em conjunto com componentes do tipo input, porque componentes de input são para 
realizar entrada de dados e não devem ser associados a ações de cliques dos usuários, o que 
não atende aos requisitos apresentados pela aplicação. 
O campo preço (identificador: data) deve possuir o método onBlur() e caso não seja um valor, 
utilizar a instrução document.formCadastro.preco.focus();. Errada. O componente correto a ter o 
método associado é input preco, e não o componente data, porque a perda de foco deve ocorrer 
com o próprio campo, e não com o próximo. Apesar do uso correto do método onBlur, que é 
executado sempre que um componente perde o foco, os requisitos da aplicação não foram 
atendidos. 
 
 
 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
9. Na programação em JavaScript, temos uma série de funções predefinidas que podemos 
utilizar diretamente em nossos códigos. 
No contexto dos métodos disponibilizados pela linguagem JavaScript, identifique qual deles é 
responsável por realizar o cálculo de um número elevado a outro. 
Alternativas 
A) Math.sqrt(). 
B) Math.pow(). 
C) Math.sin(). 
D) Math.floor(). 
E) Math.round(). 
 
 
Feedback: 
 
Resposta correta: 
B) Math.pow(). 
Essa função é responsável por calcular um número elevado a outro. Exemplo: Math.pow(x, y), 
em que x será elevado a y. 
 
Distratores: 
Math.sin(). Errada. Essa função é responsável por calcular o seno de um ângulo. 
Math.sqrt(). Errada. Essa função é responsável por calcular a raiz quadrada de um número. 
Math.round(). Errada. Essa função é responsável por arredondar um número para o valor 
inteiro. 
Math.floor(). Errada. Essa função é responsável por arredondar um número para o menor valor 
inteiro. 
 
 
 
10. 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> 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
 <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. 
Alternativas 
A) 
 function calcularPotencia() { 
 var X = document.formPotencia.valorX.value; 
 var Y = document.formPotencia.valorY.value; 
 alert("Potência:" + Math.pow(X,Y)); 
 } 
 
B) 
 function calcularPotencia() { 
 var X = document.formPotencia.X.value; 
 var Y = document.formPotencia.Y.value; 
 alert("Potência:" + Math.exp(X,Y)); 
 } 
 
C) 
 function calcularPotencia() { 
 var X = document.formPotencia.valorX.value; 
 var Y = document.formPotencia.valorY.value; 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
 alert("Potência:" + Math.exp(X,Y)); 
 } 
 
D) 
 function calcularPotencia() { 
 var X = document.formPotencia.X.value; 
 var Y = document.formPotencia.Y.value; 
 alert("Potência:" + Math.pow(X,Y)); 
 } 
 
E) 
 function calcularPotencia() { 
 var X = document.formPotencia.X.value; 
 var Y = document.formPotencia.Y.value;alert("Potência:" + Math.ceil(X,Y)); 
 } 
 
 
 
Feedback: 
 
Resposta correta: 
A) 
 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: 
 
 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
 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. 
 
 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 
UNIVERSIDADE VEIGA DE ALMEIDA 
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS – EAD 
Prova A2 de Desenvolvimento de Aplicações Distribuídas e WEB I 
2024-1 
 
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.