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:
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:
