NEW
Font size
WorksheetsFunções e DOM em JavaScript
Total questions: 10
Worksheet time: 20mins
Hannah está desenvolvendo um quiz interativo em JavaScript para um site educacional. Ela precisa de uma função que crie e exiba as opções de resposta para cada pergunta diretamente na página, sem precisar recarregar. Qual é a principal finalidade da função mostraAlternativas() nesse contexto?
Calcular a pontuação do usuário automaticamente.
Gerar botões de alternativas dinamicamente no DOM.
Validar se a resposta do usuário está correta.
Atualizar o título da página.
Rohan está desenvolvendo uma página web e precisa adicionar um novo botão dinamicamente ao DOM usando JavaScript. Qual método ele deve utilizar para criar esse novo elemento de botão?
document.getElementById()
document.createElement()
document.querySelectorAll()
document.removeChild()
Anika está desenvolvendo uma página web e deseja adicionar um novo botão a uma seção existente do site usando JavaScript. Qual método ela deve utilizar para inserir o botão como filho desse elemento já presente no DOM?
appendChild()
removeChild()
setAttribute()
getElementById()
Hannah está desenvolvendo uma página web e precisa criar um botão dinamicamente usando JavaScript. Ela escreve o seguinte código: ```javascript let btn = document.createElement("button"); btn.innerText = "Alternativa A"; ``` O que faz a propriedade innerText?
Define o valor do atributo name do botão.
Define o texto exibido dentro do botão.
Define o tipo do botão.
Define o estilo CSS do botão.
Aria está desenvolvendo um formulário online e deseja saber qual evento JavaScript é mais apropriado para detectar quando um botão de alternativa é clicado. Qual evento ela deve usar?
mouseover
click
keydown
change
Evelyn está desenvolvendo um quiz online e precisa garantir que, ao exibir uma nova pergunta, todas as alternativas anteriores desapareçam antes de mostrar as novas. Qual abordagem é mais adequada para ela usar?
Usar innerHTML = "" no elemento pai das alternativas.
Usar alert() para avisar o usuário.
Usar setTimeout() para atrasar a exibição.
Usar Math.random() para escolher uma alternativa.
Sophia está desenvolvendo uma página web onde precisa criar três botões de alternativas para um quiz usando JavaScript. Qual das opções abaixo representa corretamente a criação desses três botões usando um loop?
```javascript for(let i=0; i<3; i++){ document.createElement("button"); } ```
```javascript for(let i=0; i<3; i++){ let btn = document.createElement("button"); document.body.appendChild(btn); } ```
```javascript for(let i=0; i<3; i++){ let btn = document.getElementById("button"); } ```
```javascript for(let i=0; i<3; i++){ let btn = document.removeChild("button"); } ```
William está desenvolvendo uma página web e precisa manipular elementos da interface usando JavaScript. Durante a pesquisa, ele encontra o termo DOM. Em relação à manipulação do DOM, o que significa DOM?
Documento de Objetos Múltiplos
Documento Orientado a Métodos
Document Object Model
Dynamic Object Manipulation
Charlotte está desenvolvendo uma página web onde os botões são criados dinamicamente conforme o usuário interage com o sistema. Qual das alternativas abaixo representa a melhor prática para associar uma função a um botão criado dessa forma?
btn.onclick = minhaFuncao;
btn.addEventListener("click", minhaFuncao);
btn.setAttribute("onClick", minhaFuncao());
btn.innerHTML = minhaFuncao;
Emma está desenvolvendo um quiz online e precisa estilizar todos os botões de alternativas que são criados dinamicamente via JavaScript. Qual abordagem é mais recomendada para garantir que todos os botões tenham o mesmo estilo?
Adicionar uma classe CSS aos botões e definir o estilo no CSS.
Definir o estilo diretamente no HTML do botão.
Usar alert() para mostrar o estilo.
Não é possível estilizar botões criados dinamicamente.
