Practică pe modificarea elementelor în JavaScript

Este dat un array. Afișați elementele sale sub forma unei liste ul.

Modificați problema anterioară astfel încât la click pe orice li să apară în el un input, cu ajutorul căruia acesta poate fi editat.

Modificați problema anterioară astfel încât sub listă să fie un input, cu ajutorul căruia se poate adăuga un nou element la sfârșitul listei ul. Faceți astfel încât noile li să poată fi de asemenea editate.

Modificați problema anterioară astfel încât la sfârșitul fiecărei li să fie un link 'șterge', cu ajutorul căruia se poate șterge acest li din ul.

Modificați problema anterioară astfel încât la sfârșitul fiecărei li să fie de asemenea un link 'taie', cu ajutorul căruia se poate tăia textul acestui tag li.

Array de obiecte și tabel

Este dat următorul array cu angajați:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Afișați acești angajați într-un tabel HTML.

Adăugați celulelor tabelului creat posibilitatea de editare.

Adăugați în tabelul dvs. o nouă coloană cu un link pentru ștergerea rândului din tabel.

Faceți sub tabel 3 input-uri și un buton pentru adăugarea unui nou angajat. Fie că în input-uri se introduc numele, vârsta și salariul, și la apăsarea butonului noul angajat este adăugat în tabel. Implementați editarea celulelor pentru angajații nou adăugați.

Array de obiecte și listă

Este dat următorul array cu angajați:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Afișați pe ecran fiecare angajat în propriul său tag li al tag-ului ul.

Faceți astfel încât la click pe nume, vârstă sau salariu angajatului să apară un input pentru editarea acestui câmp.

Adăugați la sfârșitul fiecărui tag li un link pentru ștergerea acestui li din listă.

Sub listă faceți un formular pentru adăugarea unui nou angajat.