NEW
Font size
WorksheetsQuestionário: Programação Front-End em JavaScript
Total questions: 25
Worksheet time: 13mins
O que é um "Evento" no contexto da programação web com JavaScript?
Uma ação que ocorre no navegador (como um clique do mouse ou o carregamento da página) à qual o JavaScript pode reagir.
Uma função que é executada automaticamente pelo servidor web.
Um tipo de dado usado para armazenar datas e horários.
O nome de uma variável que deve ser usada apenas dentro de um formulário.
Qual método do JavaScript é usado para "ligar" uma função a um elemento da página para que ela seja executada quando um evento acontecer?
element.setEvent('click', minhaFuncao);
element.addEventListener('click', minhaFuncao);
element.handleEvent('click', minhaFuncao);
element.on('click', minhaFuncao);
Qual evento é comumente usado em um botão para indicar que o usuário interagiu diretamente com ele, levantando o dedo do mouse?
submit
change
click
load
O que o parâmetro que a função de tratamento de eventos recebe (geralmente chamado de event ou e) representa?
O elemento HTML que disparou o evento.
Uma função de validação de dados do formulário.
O valor da última variável declarada no script.
O próprio Objeto Evento, contendo detalhes como o tipo de evento, coordenadas do mouse, e métodos para controlá-lo.
Qual evento é disparado no elemento
(corpo da página) quando a página e todos os seus recursos (imagens, scripts, CSS) estão totalmente carregados e prontos para uso?DOMContentLoaded
submit
mouseover
load
Se você precisa monitorar as alterações em um campo de texto ou caixa de seleção em tempo real, qual evento seria o mais adequado para "ouvir"?
click
input
submit
load
Qual é o comportamento padrão (automático) de um formulário HTML quando o evento submit é acionado?
O navegador desabilita todos os campos de texto.
O navegador recarrega a página (tentando enviar os dados para o servidor).
O navegador executa uma função de validação de dados.
O navegador mostra uma mensagem de erro no console.
Qual método é utilizado para impedir que um evento execute seu comportamento padrão (como impedir que um formulário recarregue a página)?
event.stopImmediatePropagation()
event.breakAction()
event.halt()
event.preventDefault()
Para obter o valor que o usuário digitou em um campo de texto (input), qual propriedade JavaScript do elemento você deve acessar?
element.value
element.text
element.innerHTML
Se a desenvolvedora Luiza quer impedir que seu formulário recarregue a página, ela deve registrar um ouvinte de evento na tag
click
input
change
submit
Qual das sintaxes JavaScript abaixo é a forma correta e mais moderna de selecionar um formulário HTML pelo seu id chamado "feedbackForm"?
document.querySelector('feedbackForm');
document.getElementsByClassName('feedbackForm');
document.querySelector('#feedbackForm');
document.getFormByName('feedbackForm');
Qual propriedade deve ser definida como true em JavaScript para desabilitar (bloquear a interação) de um botão após o envio de um formulário?
button.hidden = true;
button.style.disabled = true;
button.readOnly = true;
button.disabled = true;
Qual é a representação da estrutura da página HTML (árvore de elementos) que o JavaScript utiliza para ler, modificar e criar novos elementos?
HTML Tree Model (HTM)
Document Structure Map (DSM)
Document Object Model (DOM)
JavaScript Element Handler (JEH)
Qual método deve ser usado para criar um novo elemento HTML (como um
document.createElement('div')
document.insertElement('div')
document.createNode('div')
document.appendChild('div')
Após criar um novo elemento, qual método é usado para inserir esse elemento como filho dentro de um elemento pai já existente na página?
elementoPai.insertAtEnd(elementoFilho);
elementoPai.setChild(elementoFilho);
elementoPai.attachElement(elementoFilho);
elementoPai.appendChild(elementoFilho);
Se você precisa selecionar todos os elementos em uma página que pertencem à classe CSS aluno-aprovado, qual método é o mais adequado?
document.querySelector('.aluno-aprovado');
document.querySelectorAll('.aluno-aprovado');
document.getElementById('aluno-aprovado');
document.getElementsByTagName('aluno-aprovado');
Para alterar o texto visível que está dentro de uma tag
, qual propriedade do elemento JavaScript é usada?
element.value
element.style.text
element.textContent
element.html
Qual das opções representa a ordem correta para criar e exibir um novo elemento na tela?
Adicionar à página → Definir o conteúdo → Criar o elemento.
Adicionar o evento → Criar o elemento → Adicionar à página.
Criar o elemento → Adicionar à página → Definir o conteúdo.
Qual das propriedades JavaScript é usada para adicionar ou remover classes CSS de um elemento sem afetar as classes existentes?
element.style
element.id
element.classList
element.className
Qual método é usado para remover um elemento filho específico de um elemento pai?
elementoPai.deleteChild(elementoFilho);
elementoFilho.removeChild();
elementoPai.removeChild(elementoFilho);
elementoFilho.remove();
Para Luiza, no cenário da aula, qual é o principal objetivo de criar um novo elemento dinamicamente com JavaScript?
Simplificar o código CSS da página.
Garantir que o formulário recarregue a página após o envio.
Exibir a mensagem de agradecimento na página sem recarregar, após a validação do formulário.
Mudar o tipo de dado de uma variável.
Se você quiser que um elemento
div.id
div.value
div.style.backgroundColor
div.textContent
Qual dos eventos abaixo só é disparado quando o valor de um campo de formulário é alterado e o campo perde o foco (o usuário clica fora dele)?
input
click
change
load
O que acontece se você tentar usar document.getElementById('naoExiste') para selecionar um elemento que não está na página?
O JavaScript trava.
É gerado um erro no console.
A função retorna null (um valor que significa "nenhum valor" ou "objeto nulo").
O navegador cria um novo elemento com esse ID automaticamente.
Qual das funções do JavaScript é mais usada para fins de depuração (verificação e teste de código), mostrando informações apenas para o desenvolvedor?
alert()
prompt()
console.log()
document.write()
