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