Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

WEB 3 - JS

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

O que faz a função `somar` definida como `const somar = (a, b) => a + b;`?

a)

Subtrai dois números.

b)

Soma dois números.

c)

Multiplica dois números.

d)

Divide dois números.

2.

Qual é a sintaxe correta para criar uma Arrow Function em JavaScript?

a)

function soma(a, b) { return a + b; }

b)

const soma = (a, b) => a + b;

c)

soma = function(a, b) { return a + b; }

d)

soma(a, b) => { return a + b; }

3.

O que faz o método `document.querySelector('.btn')`?

a)

Seleciona todos os elementos com a classe 'btn'.

b)

Seleciona o primeiro elemento com a classe 'btn'.

c)

Cria um novo elemento com a classe 'btn'.

d)

Remove o elemento com a classe 'btn'.

4.

Qual evento está sendo escutado no código `btn.addEventListener('click', ...)`?

a)

mouseover

b)

click

c)

keydown

d)

submit

5.

O que acontece quando o botão com a classe `.btn` é clicado, segundo o código fornecido?

a)

O botão é removido da página.

b)

Um alerta com a mensagem "Clicou!" aparece.

c)

O texto do botão muda.

d)

Nada acontece.

6.

Qual das opções abaixo representa corretamente uma Arrow Function que retorna o quadrado de um número xx ?

a)

const quadrado = x => x * x;

b)

const quadrado = (x) => { return x + x; };

c)

function quadrado(x) { return x * x; }

d)

quadrado = x => x + x;

7.

O que faz o método `fetch('/api/dados')`?

a)

Envia dados para o servidor.

b)

Busca dados de uma API.

c)

Cria um novo arquivo.

d)

Remove dados do servidor.

8.

Qual é o papel do método `.then(res => res.json())` após o `fetch`?

a)

Converte a resposta em texto simples.

b)

Converte a resposta em um objeto JSON.

c)

Ignora a resposta.

d)

Envia uma nova requisição.

9.

Qual das alternativas abaixo representa uma função tradicional em JavaScript?

a)

function soma(a, b) { return a + b; }

b)

const soma = (a, b) => a + b;

c)

soma = a + b;

d)

soma(a, b) => a + b;

10.

Qual método é utilizado para adicionar um evento a um elemento do DOM?

a)

addEvent

b)

addEventListener

c)

onEvent

d)

setEvent

11.

O que significa DOM em JavaScript?

a)

Data Object Model

b)

Document Object Model

c)

Dynamic Object Model

d)

Document Oriented Model

12.

Qual das opções abaixo representa corretamente uma Arrow Function sem parâmetros?

a)

const func = () => 42;

b)

const func = => 42;

c)

const func = 42;

d)

func() => 42;

13.

Qual é o resultado da expressão `somar(3, 5)` usando a função definida no texto?

a)

88

b)

1515

c)

22

d)

3535

14.

Qual das alternativas abaixo representa a maneira correta de manipular o DOM para alterar o texto de um elemento?

a)

elemento.textContent = "Novo texto";

b)

elemento.setText("Novo texto");

c)

elemento.text("Novo texto");

d)

elemento.changeText("Novo texto");

15.

Qual das opções abaixo representa um evento de teclado em JavaScript?

a)

'click'

b)

'keydown'

c)

'mouseover'

d)

'submit'

16.

Qual é a principal vantagem de usar Arrow Functions em JavaScript?

a)

Permite criar variáveis globais.

b)

Sintaxe mais curta e não possui seu próprio `this`.

c)

Executa mais rápido que funções tradicionais.

d)

Permite usar loops for automaticamente.

17.

Qual das alternativas abaixo representa corretamente a adição de um evento de duplo clique a um elemento?

a)

elemento.addEventListener('dblclick', funcao);

b)

elemento.addEventListener('doubleclick', funcao);

c)

elemento.onDoubleClick(funcao);

d)

elemento.addEvent('dblclick', funcao);

18.

O que faz o código `console.log(data)` dentro do segundo `.then` do `fetch`?

a)

Exibe os dados no console do navegador.

b)

Salva os dados em um arquivo.

c)

Envia os dados para o servidor.

d)

Remove os dados do console.

19.

Qual das opções abaixo representa corretamente a seleção de um elemento pelo id no DOM?

a)

document.querySelector('#meuId');

b)

document.querySelector('.meuId');

c)

document.getElementByClass('meuId');

d)

document.getElementById('.meuId');

20.

Qual das alternativas abaixo representa uma Arrow Function que retorna a soma de três números aa , bb e cc ?

a)

const soma = (a, b, c) => a + b + c;

b)

const soma = a, b, c => a + b + c;

c)

soma = (a, b, c) => { a + b + c };

d)

soma(a, b, c) => a + b + c;