Variáveis e Operadores em Javascript

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Exercícios de front -end II
Novas variáveis em Javascript podem ser declaradas de diferentes maneiras, como por exemplo com as palavras-chaves let, const e var. Neste contexto, marque a opção que corresponde a característica das variáveis declaradas com a palavra-chave let.
Escolha uma opção:
a. 
Uma variável declarada com a palavra-chave let permite que você declare variáveis cujo valores não serão modificados, ou seja, valores constantes.
b. 
Se você declarar uma variável com a palavra-chave let e não atribuir um valor a ela, seu tipo ficará como null.
c. 
Uma variável declarada com a palavra-chave let permite que você declare variáveis com escopo de bloco, sendo acessível somente dentro do bloco em que ela foi declarada.
d. 
Uma variável declarada com a palavra-chave let é acessível de qualquer lugar da função em que ela foi declarada, ou seja, ela não tem escopo de bloco, e sim escopo de função.
Analise o trecho de código Javascript abaixo:
var nome = 'gato';
if (nome == 'cachorro') {
  nome += ' au au';
} else if (nome == 'gato') {
  nome += ' miau';
} else {
  nome += '!';
}
console.log(nome);
 
Qual será a saída (output) = “o mesmo que resultado ” da execução do código?
Escolha uma opção:
a. 
gato miau
b. 
gato!
c. 
gato au au
d. 
gato
Algoritmos em Javascript manipulam valores, e esses valores pertencem a um tipo. Qual das opções abaixo corresponde a um valor do tipo Boolean ?
Escolha uma opção:
a. 
1.0
b. 
true
c. 
True
d. 
"True"
Qual dos operadores abaixo é considerado um operador lógico?
Escolha uma opção:
a. 
%
b. 
==
c. 
| |
d. 
>=
Sobre valores do tipo String na linguagem de programação Javascript, marque a opção incorreta:
Escolha uma opção:
a. 
Strings são úteis para armazenar dados que podem ser representados no formato de texto.
b. 
Strings são utilizadas para representar e manipular uma sequência de caracteres.
c. 
Podemos definir esse tipo utilizando aspas simples ou duplas.
d. 
Para saber o comprimento de um valor de tipo String, basta acessar a sua propriedade size.
Analise o trecho de código a seguir:

var calcularDelta = (a, b, c) => {   
    let delta = b*b - 4*a*c;
    return delta;
 
    if (delta < 0) {
        return ' a equação não possui resultados reais';
    }
 
    return ' a equação possui dois resultados reais distintos ou iguais';
}

Qual seria o retorno da execução da função calcularDelta(9, -12, 4) declarada acima, com os argumentos indicados (9, -12, 4)? 
Escolha uma opção:
a. 
a equação possui dois resultados reais distintos ou iguais
b. 
a equação não possui resultados reais
c. 
0
d. 
0 a equação possui dois resultados reais distintos ou iguais
Explicação: 
Na função calcularDelta, a variável delta é calculada como b*b - 4*a*c. Em seguida, é feito um retorno imediato usando return delta;, ou seja, o valor de delta é retornado independentemente do resultado do bloco condicional if (delta ‹ 0) {...}.
Analise o código Javascript abaixo:

function adicionarContato(id, atualizarCallback) {
    console.log(id);
    atualizarCallback();
}
 
function atualizarListaDeContatos() {
    console.log('Atualização feita!');
}

Marque a opção que não corresponde a uma chamada válida da função adicionarContato.
Escolha uma opção:
a. 
adicionarContato(1, atualizarListaDeContatos);
b. 
adicionarContato(1, () => console.log('Atualizado!'));
c. 
adicionarContato(1, 'Olá Mundo!');
d. 
adicionarContato(1, function() {console.log('Atualização realizada!')} );
Qual é a diferença entre os conceitos de parâmetro e argumento em uma função JavaScript?
a. 
Parâmetro é o valor que a função recebe como entrada, enquanto argumento é o valor que a função retorna.
b. 
Não há diferença, os termos são sinônimos. 
c. 
Parâmetro é o valor que a função retorna, enquanto argumento é o valor que a função recebe como entrada.
d. 
Parâmetro é a variável que representa um valor que será passado para a função, enquanto argumento é o valor que é passado para a função quando ela é chamada.
Como são chamados os valores indicados pela palavra-chave return em Javascript?
Escolha uma opção:
a. 
retornos.
b. 
argumentos.
c. 
variáveis.
d. 
parâmetros.
Qual das opções abaixo declara uma função utilizando a sintaxe conhecida como expressão de função?
Escolha uma opção:
a. 
function calcularDelta(a, b, c) {
   return b*b - 4*a*c;
}
b. 
var calcularDelta = function (a, b, c) {
   return b*b - 4*a*c;
}
c. 
function (a, b, c) {return b*b - 4*a*c;}
d. 
(a, b, c) => {
   return b*b - 4*a*c;
}
Qual dos itens abaixo declara corretamente um array em Javascript?
Escolha uma opção:
a. 
var array = ('abacaxi'; true; 2.5);
b. 
var array = ['abacaxi', true, 2.5];
c. 
var array = {'abacaxi', true, 2.5};
d. 
var array = ('abacaxi', true, 2.5);
Analise o trecho de código a seguir:
 
var arr = [true, 2, 3, "4"];
new_array = arr.reverse()
console.log(new_array);
 
Qual será a saída após a execução do código acima?
Escolha uma opção:
a. 
[ '4', 3, 2, true, 2, 3, '4' ]
b. 
[]
c. 
[ true, 2, 3, '4' ]
d. 
[ '4', 3, 2, true ]
Analise o trecho de código a seguir:
var arr = [true, 2, 3, "4"];
arr.reverse().pop()
console.log(arr);

Qual será a saída após a execução do código acima?
Escolha uma opção:
a. 
[ '4', 3, 2, true ]
b. 
[ '4', 3, 2 ]
c. 
[ true, 2, 3, '4' ]
d. 
[ '4', 3, 2, true, 2, 3, '4' ]
Analise o trecho de código a seguir:

const lista = ['pão', 'café', 'leite'];
 
lista.unshift('ovos', 'queijo');
 
lista.shift();
 
console.log(lista);
 
 
Qual será a saída após a execução do código acima?
Escolha uma opção:
a. 
[ 'queijo', 'pão', 'café', 'leite' ]
b. 
[ 'ovos', 'queijo', 'pão', 'café', 'leite']
c. 
[ 'ovos', 'pão', 'café', 'leite' ]
d. 
[ 'pão', 'café', 'leite']
Analise o trecho de código a seguir:
 
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var odd_numbers = numbers.filter(item => item % 2 == 1);
console.log(odd_numbers);       
 
Qual será a saída após a execução do código acima?
Escolha uma opção:
a. 
[ 2, 4, 6, 8 ]
b. 
[ 1, 3, 5, 7, 9 ]
c. 
[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
d. 
[ 2, 3, 4, 5, 6, 7, 8, 9 ]
Suponha que você tenha os seguintes objetos em JavaScript:
 
let pessoa = {
  nome: "João",
  idade: 30,
  endereco: {
    rua: "Rua A",
    numero: 123,
    cidade: "São Paulo"
  }
};
 
let outraPessoa = pessoa;
outraPessoa.nome = "Maria";
 
Após a execução do código acima, qual das opções abaixo representa corretamente o valor da propriedade nome do objeto pessoa?
a. 
Erro de sintaxe
b. 
"João" 
c. 
undefined 
d. 
"Maria" 
Suponha que você tenha o seguinte objeto em JavaScript:
let carro = {
  marca: "Fiat",
  modelo: "Uno",
  ano: 2021,
  ligar: function() {
    console.log("O carro está ligado!");
  }
};
 
Qual das opções abaixo representa corretamente a forma de acessar a propriedade modelo do objeto declarado com nome carro?
 
a. 
carro.modelo;
b. 
carro("modelo");
c. 
carro[modelo];
d. 
carro->modelo;
Qual será o resultado da execução do código abaixo?
 
const pessoa = {
  nome: "João",
  idade: 25,
  profissao: "programador",
  saudacao: function() {
    console.log(`Olá, meu nome é ${this.nome} e sou ${this.profissao}.`);
  }
}
 
delete pessoa.idade;
 
console.log(pessoa.idade);
 
a. 
undefined
b. 
TypeError
c. 
null 
d. 
ReferenceError
Analise o trecho de código a seguir:
let naveEspacial = {
   passageiros: [{nome: 'cachorro espacial'}, {nome: 'gato espacial'}],
   tripulacao: {
      capitao: {
         nome: 'Daniel',
         especialidade: 'Engenharia da Computação',
         'comidas favoritas': ['bolo', 'cuscuz', 'pipoca'],
         cumprimentar() { console.log('Olá pessoal, sou o Cap. Daniel.') }
      }
   },
   motor: {
      modelo: 'RocketDyne F1',
      ano: 2017,
      potencia: 4400
   }
}
Qual será o tipo do dado retornado ao se acessar naveEspecial.motor.ano ?
Escolha uma opção:
a. 
null
b. 
Boolean
c. 
Number
d. 
String
Analise o trecho de código a seguir:
let tecnico = {
   web: {
      frontend: {
         nome: 'Desenvolvimento Front-End'
},
      backend: {
         nome: 'Desenvolvimento Back-End'
      }
   }
}
const secreto = Object.values(tecnico['web'] ['frontend']);
console.log(secreto);
Qual será a saída após a execução do código acima?
Escolha uma opção:
a. 
[ 'frontend', 'backend' ]
b. 
[ 'web' ]
c. 
[ [ 'frontend', 'nome' ], [ 'backend', 'nome' ]
d. 
[ 'Desenvolvimento Front-End' ]
Analise o trecho de código a seguir:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div class="header">
    </div>
    <section id="container">
        <ul>
            <li class="first">one</li>
            <li class="second">two</li>
            <li class="third">three</li>
        </ul>
        <ol>
            <li class="first">one</li>
            <li class="second">two</li>
            <li class="third">three</li>
        </ol>
    </section>
    <div class="footer">
    </div>
</body>
</html>
 
Qual opção descreve um conjunto de instruções necessárias para: i) criar um novo elemento <li>. ii) Adicionar o texto four ao element recém criado. iii) Adicionar o elemento recém criado no fim do elemento <ul>.
Escolha uma opção:
a. 
var newLi = document.createElement("li");
newLi.innerText = "four";
var list = document.querySelector("ul");
list.appendChild(newLi);
b. 
var newLi = document.createElement("li");
newLi.innerText = "four";
document.querySelector("ul").insertChild(newLi);
c. 
var newLi = document.createElement("li");
newLi.innerText = "four";
document.appendChild(newLi);
d. 
var newLi = document.createElement("li");
newLi.innerText = "four";
var list = document.querySelector("#ul");
list.insertChild(newLi);
Todas as opções retornam o mesmo elemento HTML de id mainDiv, com exceção de:
Escolha uma opção:
a. 
document.querySelector('#mainDiv');
b. 
document.querySelectorAll('#mainDiv')[0];
c. 
document.getElementById('mainDiv');
d. 
document.getElementById('#mainDiv');
Qual é a função do método document.getElementById() no DOM?
a. 
Selecionar o primeiro elemento com o nome especificado. 
b. 
Adicionar um evento de clique em um elemento HTML.
c. 
Criar um novo elemento HTML no documento. 
d. 
Alterar o conteúdo de um elemento HTML. 
Qual das opções abaixo permite a seleção de todos os elementos HTML definidos pela tag HTML ‘div’?
Escolha uma opção:
a. 
document.querySelector('#div');
b. 
document.querySelector('div');
c. 
document.getElementsByClassName('.div');
d. 
document.querySelectorAll('div');
Analise o trecho de código a seguir:
<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Document</title>
   </head>
   <body>
      <div class="header">
      </div>
      <section id="container">
         <ul>
            <li class="first">one</li>
            <li class="second">two</li>
            <li class="third">three</li>
         </ul>
         <ol>
            <li class="first">one</li>
            <li class="second">two</li>
            <li class="third">three</li>
         </ol>
      </section>
      <div class="footer">
      </div>
   </body>
</html>
Qual a opção para selecionar todos os elementos HTML que são filhos do elemento com ID "container"?
Escolha uma opção:
a. 
var filhos = document.querySelector("#container").nextElementSibling;
b. 
var filhos = document.querySelector("#container").parentNode;
c. 
var filhos = document.querySelector("#container").children;
d. 
var filhos = document.querySelector("#container").nextSibling;
Consulte a documentação de eventos do Javascript e marque a opção que corresponde a um evento de mouse.
Escolha uma opção:
a. 
dblclick
b. 
load
c. 
submit
d. 
keydown
Consulte a documentação de eventos do Javascript e marque a opção que não corresponde a um evento de mouse.
Escolha uma opção:
a. 
dblclick
b. 
mousequit
c. 
wheel
d. 
click
Qual o tipo de evento que devemos esperar caso desejemos executar um código somente após um evento de falha no carregamento de algum recurso da página?
Escolha uma opção:
a. 
unload
b. 
error
c. 
afterload
d. 
load
Usando qual método conseguimos associar múltiplos escutadores de eventos simultaneamente?
Escolha uma opção:
a. 
addEvent
b. 
addEventListener
c. 
onEvent
d. 
onClick
Consulte a documentação de eventos do Javascript e marque a opção que corresponde a um evento de teclado.
Escolha uma opção:
a. 
dblclick
b. 
keydown
c. 
load
d. 
submit
Qual das opções abaixo corresponde a dados codificados no formato JSON?
Escolha uma opção:
a. 
{"menu": {
   "id": "file";
   "value": "File";
   "popup": {
      "menuitem": [
         {"value": "New", "onclick": "CreateNewDoc()"};
         {"value": "Open", "onclick": "OpenDoc()"};
         {"value": "Close", "onclick": "CloseDoc()"}
      ]
   }
}}
b. 
<menu id="file" value="File">
  <popup>
    <menuitem value="New" onclick="CreateNewDoc()" />
    <menuitem value="Open" onclick="OpenDoc()" />
    <menuitem value="Close" onclick="CloseDoc()" />
  </popup>
</menu>
c. 
{"menu": {
   "id": "file",
   "value": "File",
   "popup": {
      "menuitem": [
         {"value": "New", "onclick": "CreateNewDoc()"},
         {"value": "Open", "onclick": "OpenDoc()"},
         {"value": "Close", "onclick": "CloseDoc()"}
      ]
   }
}}
d. 
["menu": [
   "id": "file",
   "value": "File",
   "popup": [
      "menuitem": {
         ["value": "New", "onclick": "CreateNewDoc()"],
         ["value": "Open", "onclick": "OpenDoc()"],
         ["value": "Close", "onclick": "CloseDoc()"]
      }
   ]
]]
Analise o JSON retornado por um serviço WEB:

{
  "firstName": "John",
  "lastName": "Smith",
  "isAlive": true,
  "age": 27,
  "address": {
    "streetAddress": "21 2nd Street",
    "city": "New York",
    "state": "NY",
    "postalCode": "10021-3100"
  },
  "phoneNumbers": [
    {
      "type": "home",
      "number": "212 555-1234"
    },
    {
      "type": "office",
      "number": "646 555-4567"
    }
  ],
  "children": [],
  "spouse": null
}

Após converter para um objeto Javascript chamado objeto, com qual chamada retornaríamos o valor armazenado com valor "646 555-4567" ?
Escolha uma opção:
a. 
objeto.phoneNumbers
b. 
objeto.phoneNumbers[2].number
c. 
objeto.phoneNumbers[1].number
d. 
objeto.phoneNumbers.number
Sobre o formato de JSON, marque a opção incorreta.
Escolha uma opção:
a. 
Objetos JSON são escritos em pares chave-valor.
b. 
Chaves de estruturas em JSON podem ser de qualquer formato conhecido: string, número, objeto, array, booleano ou null.
c. 
Objetos JSON são delimitados por chaves {}.
d. 
Valores de objetos JSON podem ser de qualquer formato conhecido: string, número, objeto, array, booleano ou null.
Qual das seguintes opções descreve corretamente a relação entre JavaScript (JS) e JSON?
a. 
JS e JSON são linguagens independentes que não possuem relação entre si.
b. 
JS é uma linguagem de programação em que é possível manipular e processar dados em formato JSON.
c. 
JSON é uma biblioteca JavaScript utilizada para criar elementos HTML interativos.
d. 
JSON é uma linguagem de programação baseada em JS.
Qual método utilizamos para converter uma string no formato JSON para um objeto literal em Javascript?
Escolha uma opção:
a. 
JSON.convert
b. 
JSON.stringfy
c. 
JSON.toString
d. 
JSON.parse
Quando utilizamos uma das ferramentas do Ajax chamada XMLHttpRequest para transferir dados entre o navegador e um servidor web, de que forma acontece essa transferência de dados?
Escolha uma opção:
a. 
de forma bloqueante.
b. 
de forma síncrona.
c. 
de forma assíncrona.
d. 
não é possível transferir dados entre navegador e servidor utilizando o XMLHttpRequest.
Qual é o objeto do JavaScript usado para realizar requisições assíncronas utilizando a tecnologia AJAX?
a. 
AsyncHTTP
b. 
JSON
c. 
 AjaxRequest
d. 
XMLHttpRequest
Analise o código Javascript a seguir:

var requisicao = new XMLHttpRequest();
requisicao.onload = manipulaResposta;
requisicao.open('GET', 'url', true);
requisicao.send();
 
function manipulaResposta(){
console.log(requisicao.responseText);
}
 
Quando o método manipulaResposta é executado?
Escolha uma opção:
a. 
Logo após a execução do método open.
b. 
No momento da atribuição da função manipulaResposta ao evento onload.
c. 
Logo após a execução do método send.
d. 
Após for recebida a resposta da requisição realizada.
Sobre a tecnologia Ajax, marque a opção incorreta.
Escolha uma opção:
a. 
No Javascript, utilizamos um novo objeto XMLHttpRequest para enviar requisições Ajax básicas.
b. 
Torna possível comunicação assíncrona entre cliente e servidor.
c. 
Permite enviar requisições HTTP com diferentes métodos, tais como o GET e o POST.
d. 
Para utilizar Ajax, é necessário importara biblioteca ajax-request.js.
O que acontece com uma Promise quando seu estado é alterado de pendente para realizada?
Escolha uma opção:
a. 
A Promise retorna um objeto JSON contendo a resposta da requisição.
b. 
A função passada para o método then da Promise é executada.
c. 
A função passada para o método catch da Promise é executada.
d. 
A Promise retorna um objeto XMLHttpRequest contendo a resposta da requisição.
Analise o código Javascript a seguir, que faz uso da biblioteca jQuery:

$("p").on({
  mouseenter: function () {
    $(this).css("background-color", "gray");
  },
  mouseleave: function () {
    $(this).css("background-color", "blue");
  },
  click: function () {
    $(this).css("background-color", "yellow");
  },
});
 
De acordo com esse código, marque a opção correta:
Escolha uma opção:
a. 
Se o ponteiro do mouse ficar em cima de um elemento do tipo parágrafo (p), clicar nele, e depois sair de cima do elemento, esse parágrafo teria seu background na cor cinza.
b. 
Um elemento do tipo parágrafo (p) teria sua cor de backgroundalterada para cinza se o ponteiro do mouse ficasse em cima do elemento.
c. 
Se o ponteiro do mouse ficar em cima de um elemento do tipo parágrafo (p), clicar nele, e depois sair de cima do elemento, esse parágrafo teria seu background na cor amarela.
d. 
Um elemento do tipo parágrafo (p) teria sua cor de backgroundalterada para azul se o ponteiro do mouse ficasse em cima do elemento.
O que a chamada abaixo, no contexto da biblioteca jQuery, retorna?

$("*")
Escolha uma opção:
a. 
Retorna todos os elementos da página.
b. 
Retorna todos os elementos sem identificador (id) definido da página.
c. 
Retorna o primeiro elemento carregado da página.
d. 
Retorna todos os elementos com identificador (id) definido da página.
Analise o código Javascript a seguir:
$("#btn-main").click(function () {
   // CÓDIGO
});
Quando as instruções incluídas na indicação CÓDIGO serão executadas?
Escolha uma opção:
a. 
No início do carregamento do elemento de id 'btn-main'.
b. 
Quando o elemento de id 'btn-main' for clicado.
c. 
No fim do carregamento do elemento de id 'btn-main'.
d. 
Quando o elemento de classe 'btn-main' for clicado.
O que a chamada abaixo, no contexto da biblioteca jQuery, retorna?

$("[href='#']")
Escolha uma opção:
a. 
Retorna todos os elementos HTML que tenham atributo ‘href’ com valor ‘#’.
b. 
Retorna o elemento com identificador (id) com valor ‘href’.
c. 
Retorna todos os elementos HTML com a tag ‘href’.
d. 
Retorna somente o primeiro elemento HTML com o identificador (id) c om valor ‘#’.
O que a chamada abaixo, no contexto da biblioteca jQuery, retorna?
$("#chave")
Escolha uma opção:
a. 
Retorna todos os elementos HTML com a tag ‘chave’.
b. 
Retorna somente o primeiro elemento HTML com a tag ‘chave’.
c. 
Retorna somente o primeiro elemento HTML com a classe ‘chave’.
d. 
Retorna o elemento HTML com o id ‘chave’.
Qual o tipo de efeito jQuery podemos usar para mostrar um elemento HTML?
Escolha uma opção:
a. 
show
b. 
hide
c. 
display
d. 
on
No contexto da biblioteca jQuery, o que o método animate() permite realizar?
Escolha uma opção:
a. 
Permite escutar e reagir por a partir de eventos, como click do mouse.
b. 
Permite executar uma função de callback após a mudança de estilo CSS do elemento HTML selecionado.
c. 
Permite mostrar e esconder o elemento HTML no qual o método foi invocado.
d. 
Permite definir uma animação personalizada a partir de manipulação dos estilos CSS.
Sobre os diferentes efeitos que podemos aplicar em elemento HTML utilizando a biblioteca jQuery, marque a opção incorreta:
Escolha uma opção:
a. 
o JQuery permite que você crie suas próprias animações customizadas para gerar efeitos em elementos HTML com o método animate.
b. 
É possível ter um efeito de mudança de opacidade utilizando os métodos fadeIn/fadeOut.
c. 
É possível controlar a velocidade do efeito show passando um argumento ao método.
d. 
O método toggle  permite transitar entre os dois estados do efeito de slideUp e slideDown.
O que a chamada abaixo, no contexto da biblioteca jQuery, faz?
$("p").show(4000);
Escolha uma opção:
a. 
Esconde rapidamente todos os elementos HTML com tag p.
b. 
Mostra todos os elementos HTML com tag p com velocidade baseada em 4 segundos.
c. 
Mostra todos os elementos HTML com tag p com velocidade baseada em 4000 segundos.
d. 
Esconde lentamente todos os elementos HTML com tag p.
Em que momento uma função de callback é executada no contexto dos métodos de animação do jQuery?
Escolha uma opção:
a. 
durante a execução de qualquer efeito.
b. 
antes da execução de qualquer efeito.
c. 
antes e depois da execução de qualquer efeito.
d. 
após a execução completa de qualquer efeito.
Qual o método jQuery utilizado para atribuir ou ler um determinado atributo de um elemento HTML?
Escolha uma opção:
a. 
text()
b. 
attr()
c. 
val()
d. 
html()
Com o jQuery, para inserir elementos HTML antes do elemento selecionado, qual método devemos utilizar?
Escolha uma opção:
a. 
after()
b. 
before()
c. 
prepend()
d. 
append()
Quando precisamos modificar o DOM, muitas vezes se faz necessário adicionar ou remover classes de um determinado elemento selecionado, dependendo se a classe está presente ou não no momento. Como podemos fazer isso com o jQuery?
Escolha uma opção:
a. 
Através do método addClass().
b. 
Através do método class().
c. 
Através do método removeClass().
d. 
Através do método toggleClass().
Analise o código abaixo e marque a opção que melhor descreve a ação realizada quando clicar em um botão de uma página com esse script.
$("button").click(function(){
   $("p").toggleClass("lead text-center");
});
Escolha uma opção:
a. 
Adiciona ou remove (dependendo do estado atual) as classes lead e text-center em todos os elementos <p>.
b. 
Insere a tag <lead> e <text-center> dentro de todos os elementos <p>.
c. 
Remove o elemento pai de todos os elementos <p>.
d. 
Remove as classes lead e text-center de todos os elementos <p>.
Analise o código abaixo e marque a opção que melhor descreve a ação realizada quando clicar em um botão de uma página com esse script.
$("button").click(function(){
  $("div").empty();
});
Escolha uma opção:
a. 
Remove as classes de todos os elementos <div>.
b. 
Realiza o efeito de desaparecer em todos os elementos <div>.
c. 
Apaga todos os elementos <div> da página.
d. 
Remove todo o conteúdo de todos os elementos <div>.
Qual método jQuery podemos utilizar caso precisemos enviar dados do navegador (cliente) para o servidor?
Escolha uma opção:
a. 
json()
b. 
get()
c. 
load()
d. 
post()
Qual método nativo do Javascript podemos usar para ter funcionalidades similar ao método jQuery post() ?
Escolha uma opção:
a. 
request()
b. 
retrieve()
c. 
get()
d. 
fetch()
Analise as três funções abaixo e marque a alternativa incorreta.

function requisitar_1() {
  var requisicao = new XMLHttpRequest();
  requisicao.onload = () => console.log(JSON.parse(requisicao.responseText));
  requisicao.open("GET", apiUrl, true);
  requisicao.send();
}
 
function requisitar_2 () {
  fetch(apiUrl)
    .then(function (response) {
      response.json().then((data) => console.log(data));
    })
}
 
function requisitar_3() {
    $.getJSON(apiUrl, (data) => console.log(data));
}
Escolha
uma opção:
a. 
Todos os métodos indicados fazem requisições assíncronas ao servidor com endereço indicado na variável apiUrl.
b. 
O método requisitar_2() faz uso da API Fetch.
c. 
O método requisitar_3() faz uso da biblioteca jQuery.
d. 
O método requisitar_1() retorna um resultado diferente dos métodos requisitar_2() e requisitar_3().
Analise o código abaixo e marque a opção que melhor descreve a ação realizada quando clicar em um botão de uma página com esse script.
 
$(document).ready(function () {
  $("button").click(function () {
    $.get("http://www.ufrn.br/alunos.csv", tratamento);
  });
});
Escolha uma opção:
a. 
Requisita e baixa para o computador local do usuário que carregou a página o recurso indicado.
b. 
Realiza o upload do recurso indicado do computador local do usuário para o servidor indicado no argumento do método get().
c. 
Requisita o recurso indicado no argumento do método get() e executa a função tratamento.
d. 
Envia os dados indicados no argumento do método get() para o servidor indicado na função tratamento
Analise o código abaixo e marque a opção que melhor descreve a ação realizada quando página com esse script é carregada.
$(document).ready(function () {
   var url = "https://httpbin.org/post";
   var dados = {status: 'success, json_data: '{'id' : 12345}'};
   $.post(url, dados, () => console.log("Oi!"));
});
Escolha uma opção:
a. 
É enviada uma requisição POST para o endereço indicado na variável url com os dados contidos no objeto dados.
b. 
É enviada uma requisição POST para o endereço indicado na variável url com os dados contidos na chave json_data do objeto dados.
c. 
É recebida uma resposta POST do endereço indicado na variável url autenticada com as credenciais fornecidas pelo objeto dados.
d. 
É recebida uma resposta GET do endereço indicado na variável url com os dados contidos no objeto dados.
A instrução jQuery correta para definir a cor de fundo de todos os elementos <div> com a classe colorido para vermelha é:
Escolha uma opção:
a. 
$("div.colorido").css("background-color","blue");
b. 
$("div.colorido").style("background-color","blue");
c. 
$("div.colorido").layout("background-color","blue");
d. 
$("div.colorido").change("background-color","blue");
Em páginas HTML, para que serve a tag <script>?
Escolha uma opção:
a. 
para envolver o conteúdo HTML.
b. 
para envolver o conteúdo Javascript ou carregar um arquivo externo contendo lógica em Javascript.
c. 
para delimitar o espaço dedicado para definir os estilos CSS.
d. 
para separar o conteúdo do cabeçalho do conteúdo do corpo da página HTML.
Uma das funcionalidades fornecida pelo jQuery é a possibilidade de selecionar elementos da página para que estes executem alguma ação. Por exemplo, a sintaxe utilizada pelo jQuery para ocultar todos os elementos <p> da página é:
Escolha uma opção:
a. 
window.p.hidden = true;
b. 
$("p").hide();
c. 
$(document).setVisible("p",false);
d. 
$(document).hide("p");
Qual operador do Javascript possui a finalidade de realizar o teste de igualdade sem fazer conversão de tipos diferentes?
Escolha uma opção:
a. 
===
b. 
&&
c. 
++
d. 
==
Dentre as opções, assinale a incorreta.
Escolha uma opção:
a. 
Para utilizar Javascript em uma página HTML, é necessário especificar explicitamente o nome da linguagem com a tag <script> usando o atributo type.
b. 
Código Javascript pode ser escrito tanto em uma página HTML quanto em um arquivo separado.
c. 
O Javascript é usado principalmente para tornar websites mais interativos, animados e responsivos.
d. 
É possível manter a tag <script> tanto dentro da tag <head> quanto da tag <body>.
Em um fragmento de código jQuery, para representar um elemento HTML cujo valor de id é bloco e um elemento cujo valor de classe é centro, utilizam-se, respectivamente:
Escolha uma opção:
a. 
$(".bloco") e $("#centro")
b. 
#("bloco") e $("centro")
c. 
$Id("bloco") e $class("centro")
d. 
$("#bloco") e $(".centro")
Analise o trecho de código a seguir:
var numbers = [1, 2, 3];
numbers.forEach(item => { if (item%2==0) { console.log("funcionou!") } });
 
Qual será a saída após a execução do código acima?
a. 
funcionou!
funcionou!
funcionou!
b. 
1 funcionou!
2 funcionou!
3 funcionou!
 
c. 
1
2
3
d. 
funcionou!
O jQuery é uma biblioteca Javascript criada para otimizar o desenvolvimento de aplicações web. Em relação às funções disponíveis, é correto afirmar:
Escolha uma opção:
a. 
.find() busca por um termo em toda a página HTML.
b. 
.each() remove cada elemento da seleção.
c. 
.append() adiciona o conteúdo passado por parâmetro no final de cada elemento da seleção.
d. 
.add() adiciona uma nova classe passada por parâmetro a cada elemento da seleção.
O que significa JSON?
a. 
JavaScript Serializable Object Notation
b. 
Javascript Stringfied Object Notation
c. 
JavaScript Object Notation
d. 
JavaScript String On Network
Um certo documento HTML contém o seguinte elemento h3:

<h3 id=”meuId”>Bem-Vindo</h3>

Deseja-se alterar o conteúdo desse element h3 utilizando a biblioteca jQuery. A instrução que atinge esse objetivo é:
Escolha uma opção:
a. 
#(“h3”).html = “Alterado”;
b. 
$(“h3”).innerHTML = “Alterado”;
c. 
$(“meuId”).html = “Alterado”;
d. 
$(“#meuId”).text(“Alterado”);
Considere o bloco de código abaixo que utiliza Javascript e JSON.
<body>
  <p id="paragrafo"></p>
  <script>
    var texto =
      '{ "carros" : [' +
      '{ "placa" : "ABC-1234", "cor" : "prata" }, ' +
      '{ "placa" : "DEF-5678", "cor" : "vermelho" }, ' +
      '{ "placa" : "GHI-0099", "cor" : "azul" } ]}';
    x = JSON.parse(texto);
    document.getElementById("paragrafo").innerHTML(____);
  </script>
</body>

Para que o bloco de código atribua “DEF-5678 vermelho” como argumento da função innerHTML, ela deve ser preenchida com:
Escolha uma opção:
a. 
x.carros[1].placa + " " + x.carros[1].cor
b. 
x.carros[2].placa + " " + x.carros[2].cor
c. 
x.carros.placa + " " + x.carros.cor
d. 
x.carro.placa[1] + " " + x.carros.cor[1]
No jQuery, qual o método que define em seu argumento a função de callback executado após o encerramento bem sucedido de uma Promise?
Escolha uma opção:
a. 
.then()
b. 
.run()
c. 
.catch()
d. 
.sucess()
Para que um novo item seja corretamente inserido no início da lista sempre que um usuário clicar sobre o botão, é necessária a execução da instrução jQuery:
Escolha uma opção:
a. 
$(‘button’).on(‘click’, function(){
  $(‘ul’).prepend(‘<li>Novo</li>’);
});
b. 
$(‘button’).on(‘click’, function(){
  $(‘ul’).add(‘<li>Novo</li>’);
});
c. 
$(‘button’).on(‘click’, function(){
  $(‘ul’).append(‘<li>Novo</li>’);
});
d. 
$(‘button’).on(‘click’, function(){
  $(‘ul’).after(‘<li>Novo</li>’);
});
Qual operador Javascript permite concatenar strings?
Escolha uma opção:
a. 
+
b. 
&&
c. 
!
d. 
&
Analise as afirmativas abaixo sobre funções Javascript.
 
I. Uma função pode ser criada utilizando a sintaxe da função flecha, representada por '=>'.
II. Uma função Javascript pode ser invocada antes de ser declarada, já que o Javascript move todas as declarações para o topo, através do recurso chamado Javascript Hoisting.
III. Uma função pode ser criada através de uma expressão, e armazenada em uma variável Javascript.
 
Assinale a alternativa que indica todas as afirmativas corretas.
Escolha uma opção:
a. 
São corretas apenas as afirmativas I e II.
b. 
São corretas apenas as afirmativas II e III.
c. 
São corretas as afirmativas I, II e III.
d. 
É correta apenas a afirmativa III.