Gyakorlat JavaScript elemek módosítására

Adott egy tömb. Jelenítse meg elemeit egy ul listában.

Módosítsa az előző feladatot úgy, hogy bármelyik li elemre kattintva megjelenjen egy input, amellyel szerkeszthetővé válik.

Módosítsa az előző feladatot úgy, hogy a lista alatt legyen egy input, amellyel hozzá lehet adni egy új elemet a ul lista végéhez. Ügyeljen arra, hogy az új li elemek is szerkeszthetők legyenek.

Módosítsa az előző feladatot úgy, hogy minden li elem végén legyen egy 'törlés' link, amellyel el lehet távolítani azt a li elemet a ul listából.

Módosítsa az előző feladatot úgy, hogy minden li elem végén legyen egy 'áthúzás' link, amellyel áthúzhatóvá válik az adott li elem szövege.

Objektumtömb és táblázat

Adott a következő tömb alkalmazottakkal:

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

Jelenítse meg ezeket az alkalmazottakat egy HTML táblázatban.

Tegye lehetővé a létrehozott táblázat celláinak szerkesztését.

Adjon hozzá a táblázathoz egy új oszlopot a sorok táblázatból való törlésére szolgáló linkkel.

Helyezzen a táblázat alá 3 input mezőt és egy gombot új alkalmazott hozzáadásához. Az input mezőkbe nevét, életkorát és fizetését lehet megadni, és a gombra kattintva az új alkalmazott hozzáadódik a táblázathoz. Valósítsa meg a cellák szerkesztését az újonnan hozzáadott alkalmazottaknál is.

Objektumtömb és lista

Adott a következő tömb alkalmazottakkal:

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

Jelenítse meg az egyes alkalmazottakat a saját li tagjében egy ul tagben.

Tegye lehetővé, hogy az alkalmazott nevére, életkorára vagy fizetésére kattintva megjelenjen egy input mező az adott mező szerkesztéséhez.

Adjon hozzá minden li tag végére egy linket annak a li elemnek a listából való törlésére.

A lista alatt készítsen egy űrlapot új alkalmazott hozzáadásához.