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:
javascriptlet 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:
javascriptlet 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.