Questão de Programação — Linguagens de programação — IF Sul Rio-Grandense 2025
ProgramaçãoLinguagens de programação
- Código
- qg528468
- Banca
- IF Sul Rio-Grandense
- Órgão
- IF Sul Rio-Grandense
- Ano
- 2025
- Nível
- Superior
- Cargo
- Professor EBTT - Área 13, 17, 20, 25, 42: Informação e Comunicação I
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:
- ASempre 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.
- BMesmo 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.
- CO 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.
- DSe 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.