6 ms·
Not sure about the snippet: // when the DOM is loaded document.addEventListener('DOMContentLoaded', () => { // find every element with the class
by jonatron 5y ago
Not sure about the snippet:
// when the DOM is loaded
document.addEventListener('DOMContentLoaded', () => {
// find every element with the class "close"
(document.querySelectorAll('.close') || []).forEach((closeButton) => {
const parent = closeButton.parentNode;
// and add a "click" event listener
closeButton.addEventListener('click', () => {
// that removes the button's parent from the DOM
parent.parentNode.removeChild(parent);
});
});
});
It'd be clearer without useless comments and useless extra code:
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.close').forEach((closeButton) => {
closeButton.addEventListener('click', (event) => {
event.target.parentNode.remove()
})
});
});