Questão 2118272 de Tecnologia da Informação - IFSUL 2025

Questão

ID 2118272

Disciplina: Tecnologia da Informação

Assunto: Eventos

Ano: 2025 Banca: IFSUL - Instituto Federal de Educação, Ciência e Tecnologia Órgão: Instituto Federal de Educação, Ciência e Tecnologia Sul-rio-grandense

Considere o seguinte código JavaScript, que cria dinamicamente uma modal no DOM ao clicar em qualquer botão com a classe .openModal. A modal contém um botão de “Fechar”, que a remove do DOM quando clicado.

document.querySelectorAll('.openModal')

.forEach(btn => btn.addEventListener('click', () => {

const modal = document.createElement('div');

modal.classList.add('modal');

modal.innerHTML = `<div class="modal-content">

<h2>Hello World!</h2>

<p>This is my website</p>

<button id="closeModal">Fechar</button>

</div>`;

modal.querySelector('#closeModal')

.addEventListener('click', () => modal.remove());

document.body.appendChild(modal);

}));

Com base no código acima, analise as seguintes afirmações sobre o comportamento esperado do site e identifique a INCORRETA:

Alternativa A:
Sempre que um botão com a classe .openModal for clicado, uma nova modal será criada e adicionada ao DOM, e o botão “Fechar” funcionará corretamente, removendo a respectiva modal.
Alternativa B:
Mesmo após a primeira modal ser fechada, a próxima modal aberta funcionará corretamente, pois o evento de “Fechar” é vinculado a cada nova instância do botão #closeModal dentro da modal.
Alternativa C:
O botão “Fechar” da modal remove-a do DOM sem deixar vestígios de eventos ou elementos relacionados à modal removida, mantendo o DOM limpo após o fechamento.
Alternativa D:
Se o usuário clicar múltiplas vezes em um botão com a classe .openModal, apenas a última instância da modal permanecerá no DOM.

Estatísticas Cadernos

Questão 2118272

Continue estudando na plataforma