Přidejte uzavírací tlačítko
důležitost: 5
Máme seznam zpráv.
V JavaScriptu přidejte do pravého horního rohu každé zprávy uzavírací tlačítko.
Výsledek by měl vypadat následovně:
K přidání tlačítka můžeme použít buď position:absolute (a nastavit u záložky position:relative), nebo float:right. float:right má tu výhodu, že tlačítko nikdy nepřekryje text, ale position:absolute nám dává větší svobodu. Volba je tedy na vás.
Pak může kód pro každou záložku vypadat takto:
záložka.insertAdjacentHTML("afterbegin", '<button class="tlačítko-odstranit">[x]</button>');
Pak se <button> stane záložka.firstChild, takže k němu můžeme přidat handler následovně:
záložka.firstChild.onclick = () => záložka.remove();