Quiz de JavaScript para Front End

Qual método é usado para selecionar um elemento pelo seu ID no DOM?

• `getElementByClassName`

• `getElementById`

• `querySelectorAll`

• `getElementsByTagName`

Answer explanation

O método `getElementById` é utilizado para selecionar um elemento no DOM com base no seu ID. É a escolha correta, pois os outros métodos mencionados servem para selecionar elementos de outras maneiras, como por classe ou tag.

Qual evento é acionado quando um usuário clica em um elemento HTML?

• `onmouseover`

• `onchange`

• `onclick`

• `onload`

Answer explanation

O evento `onclick` é acionado especificamente quando um usuário clica em um elemento HTML. Os outros eventos mencionados, como `onmouseover`, `onchange` e `onload`, têm funções diferentes e não são acionados por cliques.

Qual das seguintes opções é uma maneira correta de adicionar um evento de clique a um botão em JavaScript?

• `button.addEventListener('click', function() {})`

• `button.onClick = function() {}`

• `button.click(function() {})`

• `button.addEvent('click', function() {})`

Answer explanation

A maneira correta de adicionar um evento de clique a um botão em JavaScript é usando `button.addEventListener('click', function() {})`, que permite adicionar múltiplos ouvintes de eventos. As outras opções estão incorretas.

Qual método é usado para alterar o conteúdo de texto de um elemento no DOM?

• `innerHTML`

• `textContent`

• `outerHTML`

• `value`

Answer explanation

O método `textContent` é usado para alterar o conteúdo de texto de um elemento no DOM, substituindo todo o texto interno. `innerHTML` altera o HTML, `outerHTML` inclui o próprio elemento, e `value` é usado para campos de entrada.

Qual das seguintes opções é uma estrutura de controle de fluxo em JavaScript?

• `if...else`

• `forEach`

• `map`

• `filter`

Answer explanation

A estrutura de controle de fluxo em JavaScript é usada para tomar decisões. O `if...else` permite executar diferentes blocos de código com base em condições, enquanto `forEach`, `map` e `filter` são métodos de array, não estruturas de controle.

Qual é o resultado de `typeof null` em JavaScript?

• `object`

• `null`

• `undefined`

• `string`

Answer explanation

Em JavaScript, o resultado de `typeof null` é `object`. Isso é considerado um bug histórico da linguagem, mas é o comportamento padrão. Portanto, a resposta correta é `object`.

Qual método é usado para parar a propagação de um evento em JavaScript?

• `stopPropagation`

• `preventDefault`

• `stopImmediatePropagation`

• `cancelEvent`

Answer explanation

O método `stopPropagation` é utilizado para impedir que um evento se propague para os elementos pai no DOM. Isso é útil quando você deseja que um evento seja tratado apenas no elemento atual, sem afetar outros elementos.

Qual é a saída de `console.log(2 + '2')` em JavaScript?

• `4`

• `22`

• `NaN`

• `undefined`

Answer explanation

Em JavaScript, quando você soma um número a uma string, a operação converte o número em string e concatena. Portanto, `2 + '2'` resulta em `'22'`, que é a string resultante da concatenação.

Qual método é usado para remover um elemento do DOM?

• `removeChild`

• `deleteElement`

• `removeElement`

• `detach`

Answer explanation

O método `removeChild` é utilizado para remover um elemento do DOM, permitindo que você remova um nó filho de um nó pai. As outras opções, como `deleteElement` e `removeElement`, não existem na API do DOM.

Qual é a função de `event.preventDefault()` em JavaScript?

• Impede a execução de um evento

• Impede o comportamento padrão de um evento

• Remove um evento do DOM

• Adiciona um evento ao DOM

Answer explanation

A função `event.preventDefault()` é utilizada para impedir o comportamento padrão de um evento, como a submissão de um formulário ou o clique em um link, permitindo que o desenvolvedor controle a ação que deve ocorrer em resposta ao evento.