PROVA-DESENVOLVIMENTOWEB AMPLO

Prévia do material em texto

Questão 1
Respondida
Em JavaScript, objetos podem receber uma coleção de chaves e valores. Veja a seguir um exemplo de objeto:
 
let nomes = {
     "A": "Avestruz",
     "B": "Banana",
     "C": "Casa"
}
 
Nesse exemplo, a chave “A” corresponde ao valor “Avestruz”, “B” a “Banana” e “C” a “Casa”. Assim, ao executar o comando:
 
console.log(nomes);
 
O console irá retornar listar todo o conteúdo do objeto.
Se desejarmos obter uma informação específica desse objeto. Assinale a alternativa que contém o comando que deverá ser utilizado para obter o valor correspondente à chave “C”.
Alternativa CORRETA: console.log(nomes["C"]); Para obter um valor, deve-se informar o nome da variável que armazena o objeto, seguido da chave entre colchetes. É importante ressaltar que essa consulta é case sensitive, logo “C” é diferente de “c”.   As demais alternativas estão incorretas.
Questão 2
Respondida
Variáveis de escopo global correspondem a variáveis cujo valor pode ser alterado em qualquer parte de um código. Para isso, elas devem ser declaradas apenas uma vez usando a palavra reservada var.
 
Observe o código a seguir:
 
  1.  var a = 1;
  2.  var b = 2;
  3.
  4.  function soma(x, y){
  5.     a = y;
  6.     return x + y;
  7.  }
  8.
  9.  console.log(soma(a, b))
10.  console.log(soma(a, b))
  
Aqui, a função soma() é executada duas vezes (linhas 9 e 10) usando como entrada os mesmos parâmetros.
Assinale a alternativa do que seria impresso na tela ao executar esse código, indicando também o que seria impresso caso a variável usada na linha 1 fosse declarada usando const.
Alternativa CORRETA: Código atual: 3 e 4 / declaração usando const: erro de sintaxe.    
Questão 3
Respondida
O Modelo de Objetos de Documento (do inglês Document Object Model ou apenas DOM) é uma estrutura utilizada para navegar por documentos web. Você manipular o DOM usando JavaScript. Você pode acessar um elemento HTML usando seu identificador, sua tag, sua classe, dentre outras formas. Por exemplo, você pode obter os dados de um elemento pelo ID usando a função:
 
document.getElementById( )
 
Você pode obter múltiplos elementos usando a classe com:
 
document.getElementsByClassName( )
 
ou usando o nome da tag com:
 
document.getElementsByTagName( )
 
Sabendo disso, analise o código a seguir:
 
<html< strong="" style="box-sizing: border-box; max-width: 100%; height: auto !important;">lang="pt-br"></html<>
 
    <meta< strong="" style="box-sizing: border-box; max-width: 100%; height: auto !important;">charset="utf-8"></meta<>
   
 
 
   
Contato
   
Parte superior do formulário
      Nome:
      <input< strong="" style="box-sizing: border-box; max-width: 100%; height: auto !important;">type="text" name="nome" id="nome" placeholder="Digite seu nome"></input<>
 
      E-mail:
      <input< strong="" style="box-sizing: border-box; max-width: 100%; height: auto !important;">type="text" name="email" id="email" placeholder="Digite seu email"></input<>
 
      Mensagem:
     <textarea< strong="" style="box-sizing: border-box; max-width: 100%; height: auto !important;"></textarea<>
id="mensagem"
name="mensagem"
      >
 
      <input< strong="" style="box-sizing: border-box; max-width: 100%; height: auto !important;">type="submit" name="enviar"></input<>
 
 
Parte inferior do formulário
Assinale a alternativa que apresenta o comando que pode ser utilizado para buscar os dados referentes ao nome e e-mail.
Alternativa CORRETA: document.getElementsByTagName("input"); 
Questão 4
Respondida
JavaScript possui métodos próprios para manipulação de estilos do CSS usando a navegação pelo DOM (do inglês Document Object Model). Esses métodos podem ser utilizados para alterar estilos padrão fornecidos por navegadores. Por exemplo, por padrão, navegadores usam branco como cor de fundo e preto como cor da fonte.
Assinale a alternativa que apresenta o comando que poderia ser utilizado para inverter as cores de fundo e de fonte usando apenas JavaScript.
Para alterar o CSS usando apenas JavaScript é necessário acessar o DOM e alterar o estilo da tag . Duas propriedades devem ser alteradas: background-color (cor de fundo) e color (cor de texto). O código que inverte as cores dessas propriedades é: document.body.style.backgroundColor = "black"; document.body.style.color = "white";
Questão 5
Respondida
Observe a implementação de uma calculadora usando JavaScript:
 
  1.
  2.
  3.
  4.   
  5.   
  6.   
  7.
  8.
Calculadora
  9. 
10. 12.   13.   14.   15. 
16.
17. 
18. 
19.
20.
21.
22.   // Função que realiza um calculo entre dois números
23.   function calculadora(){
24.
25.   // Coleta os valores
26.   __________________
27.   __________________
28.   __________________
29.   let operacao = 0;
30.
31.   // Realiza a operacao
32.   if(operador == 'soma'){ alert(operador);
33.     operacao = parseInt(n1)+parseInt(n2);
34.   }
35.   else if(operador == 'subtracao'){
36.     operacao = parseInt(n1)-parseInt(n2);
37.   }
38.   else if(operador == 'multiplicacao'){
39.     operacao = parseInt(n1)parseInt(n2);
40.   }
41.   else if(operador == 'divisao'){
42.     operacao = parseInt(n1)/parseInt(n2);
43.   }
44.   else{
45.     operacao = "Preencha a todos os campos.";
46.   }
47.
48.   // Seleciona a div de resultado
49.   let resultado = document.getElementById("resultado");
50.
51.   // Grava o resultado no HTML
52.   resultado.innerHTML = operacao;
53. }
54.
55.   
56.
 
 
Esse código implementa esta estrutura em HTML:
 
 
Assim, o usuário pode selecionar a operação a ser realizada e digitar os números. Ao clicar em calcular, a função calculadora() é chamada. Por fim, os valores são coletados usando o DOM e o resultado é gravado na div “resultado”.
São códigos que completam as lacunas das linhas 26, 27 e 28, os seguintes, respectivamente.
let n1 = document.getElementById("n1").value; let n2 = document.getElementById("n2").value; let operador = document.getElementById("operador").value;
Cada elemento pode ser obtido usando o método getElementById, que recebe como entrada os identificadores de cada item (n1, n2 e operador). A propriedade que armazena os valores contidos nesses campos é value.   Portanto a resposta é: let n1 = document.getElementById("n1").value; let n2 = document.getElementById("n2").value; let operador = document.getElementById("operador").value;
Questão 6
As estruturas de controle condicionais controlam o fluxo de execução do código. Elas controlam se blocos serão executados ou não, por meio da avaliação se condições foram estabelecidas ou não.
 Observe o código a seguir:
 var a = 3;
var b = 4;
 
if((a+b)%2==0){
console.log("árvore");
}
else if((a+b)%2==1){
console.log("casa");
}
else{
console.log("cachorro")
}
Ao executar esse código, será impresso no console o seguinte:
Alternativa CORRETA: casa  Como a soma de a e b será um número ímpar (3+4=7), logo será executado a segunda condicional, ou seja, será impresso “casa”.
Questão 7
Na matemática, o fatorial de um número inteiro positivo que corresponde ao valor obtido pela multiplicação desse número pelos seus anteriores (até 1).
Por exemplo, o fatorial de 5 é 120, pois:
 
5! => 5 x 4 x 3 x 2 x 1 => 120
 
Observe a implementação de um fatorial, analise o excerto a seguir, completando a linha 4.
 
1. function fatorial(n){
2.   var f = n;
3.   while(n > 1){
4.    ______________________
5.      n--;
6.    }
7.  return f;
8. }
9. log(fatorial(5)); //120
Assinale a alternativa que preenche corretamente o código que pode ser inserido na linha 4 para que o fatorial seja calculado corretamente.
f = f(n-1);
Alternativa CORRETA: f = f(n-1); Para o cálculo do fatorial deve-se aplicar a f o valor atual vezes o próximo valor de n. Logo: f = f(n-1); - f deve receber o valor de f vezes o próximo valor de n.
Questão 8
Arrays são variáveis que armazenam coleções de valores indexados. Em um array pode-se adicionar diversos tipos de dados de numerais a strings.
 
Observe o array declarado a seguir:
 
var meu_array = [1, 2, 3, "abacate", "casa", "bola"]
 
Esse array é composto por seis itens, sendo trêsdo tipo inteiro e três strings.
Assinale a alternativa que contém o comando que poderia ser utilizado para obter o item “abacate”.
console.log(meu_array[3]).
- console.log(meu_array[3]). Para obter o valor de um array deve-se informar o nome do array seguido da posição declarada entre colchetes. Como abacate é o quarto item do array e a contagem inicia de 0, sua posição é 3.
Questão 9
Sem resposta
Uma função constitui num conjunto de códigos que serão executados caso a função seja chamada. Além disso, pode-se utilizar a chamada de uma função como argumento de entrada para a mesma função. Nesse caso, parênteses são utilizados para indicar a ordem de execução. As funções mais internas são executadas primeiro e seus resultados são utilizados na execução das funções mais externas.
 
Observe o script a seguir:
 
function calculate(a, b){
            return ab;
}
 
console.log(calculate(calculate(2, 2), calculate(3, 2)));
De acordo com o código mostrado, assinale a alternativa que contém o número que será impresso no console.
Sua resposta
24
Será impresso 24. A função calculate( ) multiplica os dois números recebidos como entrada. Dessa forma, veja a execução de cada função separadamente: calculate ( calculate(2, 2) , calculate(3, 2) );   calculate ( 4 , calculate(3, 2) );   calculate ( 4 , 6 );   24
Questão 10
Sem resposta
O operador de atribuição (=) permite atribuir valores a uma variável. Esse operador pode ser utilizado até mesmo para atribuir uma variável a uma outra variável.
 Assim, dado o código:
var a = 1;
let b = 2;
const c = 3;
 
function soma(x, y){
            return x + y;
}
 a = b
b = c
c = a
 console.log(soma(a, b))
Assinale a alternativa com o que será impresso ao executar esse código.
Sua resposta
Nada, pois o código retorna um erro de sintaxe.
O código retorna um erro de sintaxe na declaração: c = a pois c é uma constante, logo ela não pode ser reatribuída.
image3.png
image1.wmf
image2.wmf