tilbage til lektionen
Tilføj en lukkeknap
vigtighed: 5
Der er en liste af beskeder.
Brug nu JavaScript til at tilføje en lukkeknap til højre i hjørnet af hver besked.
Resultatet skal se sådan ud:
For at tilføje knappen kan vi enten bruge position:absolute (og gøre panelet position:relative) eller float:right. Fordelen ved float:right er at knappen aldrig overlapper teksten, men position:absolute giver mere frihed. Så valget er dit.
Koden for hvert panel kan se således ud:
pane.insertAdjacentHTML("afterbegin", '<button class="remove-button">[x]</button>');Så bliver <button> elementet pane.firstChild. Det gør det nemt at tildele en handler til det med denne kode:
pane.firstChild.onclick = () => pane.remove();