Linguagem pura

Question 1

O que é o DOM?

Answer 1

Document Object Model

Question 2

Como o javascript pode selecionar um ou mais elementos do DOM?

Answer 2

document.getElementById("meuElemento");
document.getElementsByClassName("minhaClasse");
document.getElementsByTagName("div");
document.querySelector(".minhaClasse");
document.querySelectorAll("p");

Question 3

Como o javascript pode alterar o conteúdo dos elementos do DOM?

Answer 3

elemento.innerHTML = "Novo conteúdo";  // Altera o HTML interno  
elemento.textContent = "Texto simples";  // Altera apenas o texto, ignorando HTML  
elemento.innerText = "Outro texto";  // Similar ao textContent, mas pode ser diferente dependendo do navegador  

Question 4

Como o javascript pode alterar um atributo dos elementos do DOM?

Answer 4

elemento.setAttribute("src", "imagem.jpg");  // Define um atributo  
elemento.getAttribute("href");  // Obtém o valor de um atributo  
elemento.removeAttribute("disabled");  // Remove um atributo  
elemento.id = "novoId";  // Também pode ser alterado diretamente  

Question 5

Como o javascript pode alterar o estilo dos elementos do DOM?

Answer 5

elemento.style.color = "red";  // Altera a cor do texto  
elemento.style.backgroundColor = "blue";  // Altera a cor de fundo  
elemento.style.display = "none";  // Oculta o elemento  

Question 6

Como o javascript pode adicionar ou remover classes a elementos do DOM?

Answer 6

elemento.classList.add("classeNova");  // Adiciona uma classe  
elemento.classList.remove("classeAntiga");  // Remove uma classe  
elemento.classList.toggle("classeAlternada");  // Alterna entre adicionar/remover  

Question 7

Como trabalhar com JSON no javascript?

Answer 7

Para converter um JSON para um objeto

JSON.parse(jsonString);

Para converter um objeto para um JSON

JSON.stringify({ nome: "Maria", idade: 30 });

Question 8

O que é hoisting?

Answer 8

O hoisting é um comportamento do JavaScript em que declarações de variáveis, funções e classes são “elevadas” para o topo de seus respectivos escopos durante o processo de execução do código.

Question 9

É possível criar um array com variáveis de tipos diferentes no Javascript?

Answer 9

Sim.

Question 10

Método para descobrir o tamanho de um array no JS

Answer 10

.length

Question 11

Método para adicionar um elemento no final de um array no JS

Answer 11

.push()

Question 12

Método para remover o último elemento de um array

Answer 12

.pop()

Question 13

Método para remover o primeiro elemento de um array

Answer 13

.shift()

Question 14

Método para adicionar um elemento no começo de um array no JS

Answer 14

.unshift()

Question 15

Método para combinar arrays no JS

Answer 15

array.concat()

Question 16

Método para retornar o índice da última ocorrência de um valor específico em um array no JS

Answer 16

.lastIndexOf()

Question 17

Método para juntar todos os elementos de um array no JS

Answer 17

.join()
.join(“caracter de concatenação”)

Question 18

Método para retornar o índice da primeira ocorrência de um valor específico em um array no JS

Answer 18

.indexOf()

Question 19

Método para extrair uma parte de um array e retornar um novo array.

Answer 19

.slice(1,2)

Question 20

Método para adicionar, remover ou substituir elementos em um array.

Answer 20

.splice(1,2) -> a partir da posição 1, remove 2 elementos
.splice(1,2,”item1”,”item2”) -> a partir da posição 1, remove 2 elementos e adiciona em sequencia os itens indicados

OBS: o parametro da quantidade de elementos a remover, quando omitido, remove todos os elementos a partir da posição informada.

Question 21

Qual o comando usado para iterar sobre elementos de um iterável (arrays, strings) de forma mais simples e direta.

Answer 21

let numeros = [1,2,3]
for(let numero of numeros){}

Question 22

Qual o comando usado para iterar sobre as propriedades de um objeto.

Answer 22

let carro = { marca: 'ford', modelo: 'focus' }
for(let chave in carro){}