retour au cours
Ce contenu n'est disponible que dans les langues suivantes :English, Español, Italiano, 日本語, Русский, 简体中文. Merci de

To add the button we can use either position:absolute (and make the pane position:relative) or float:right. The float:right has the benefit that the button never overlaps the text, but position:absolute gives more freedom. So the choice is yours.

Then for each pane the code can be like:

pane.insertAdjacentHTML("afterbegin", '<button class="remove-button">[x]</button>');

Then the <button> becomes pane.firstChild, so we can add a handler to it like this:

pane.firstChild.onclick = () => pane.remove();

Ouvrez la solution dans une sandbox.