zpět k lekci

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

Otevřít pískoviště pro úlohu.

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();

Otevřít řešení na pískovišti.