Jak do dynamicznie dodawanej nowej pozycji listy rownocześnie dodać element o danej klasie?

Question

Tak jak w temacie, chciałbym równocześnie do tworzonej pozycji listy dodać element o jakiejś klasie. Dokładniej chodzi o znak "x", który zapisałem w tagach <a></a> oznaczonych klasą (poniżej wstawiłem link z całym kodem). Ma on się pojawić wraz z nowym elementem li a raczej w jego wnętrzu. Podejrzewam że jest to dosyć proste, ale ze względu na to że dopiero zaczynam zabawę w js nie umiem jeszcze tego ogarnąć;) Z góry dziękuję za wszystkie pomocne wskazówki.

mój kod:

https://jsbin.com/butuxohuca/edit?html,js,output

Answer 1

Skoro masz:

li.innerHTML = input.value;

to wystarczy dodać do tego stringa:

li.innerHTML = input.value + 'kod HTML elementu';

I zanim zapytasz jak obsługiwać kliki → http://tutorials.comandeer.pl/js-beauty.html#delegation ;)

Comments

super, śmiga elegancko;) jeszcze raz dzięki za pomoc