Prakses uzdevumi par elementu maiņu JavaScript

Dots masīvs. Izvadiet tā elementus kā sarakstu ul.

Modificējiet iepriekšējo uzdevumu tā, lai uzklikšķinot uz jebkuras li tajā parādītos input, ar kuru to varēs rediģēt.

Modificējiet iepriekšējo uzdevumu tā, lai zem saraksta atrastos input, ar kuru varēs pievienot jaunu elementu saraksta beigās ul. Iestatiet tā, lai arī jaunās li varētu rediģēt.

Modificējiet iepriekšējo uzdevumu tā, lai katra li beigās atrastos saite 'dzēst', ar kuras palīdzību varēs izdzēst šo li no ul.

Modificējiet iepriekšējo uzdevumu tā, lai katra li beigās atrastos arī saite 'nosvītrot', ar kuras palīdzību varēs nosvītrot šī tega li tekstu.

Objektu masīvs un tabula

Dots šāds masīvs ar darbiniekiem:

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

Izvadiet šos darbiniekus HTML tabulā.

Pievienojiet izveidotās tabulas šūnām iespēju tās rediģēt.

Pievienojiet jūsu tabulai jaunu kolonnu ar saiti uz rindas dzēšanu no tabulas.

Izveidojiet zem tabulas 3 input un pogu jauna darbinieka pievienošanai. Ļaujiet inputos ievadīt vārdu, vecumu un algu, un noklikšķinot uz pogas jauns darbinieks tiek pievienots tabulai. Realizējiet šūnu rediģēšanu jaunpievienotajiem darbiniekiem.

Objektu masīvs un saraksts

Dots šāds masīvs ar darbiniekiem:

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

Izvadiet katru darbinieku ekrānā savā tega li tega ul ietvaros.

Iestatiet tā, lai noklikšķinot uz vārda, vecuma vai algas darbiniekam parādītos input priekš šī lauka rediģēšanas.

Pievienojiet katra tega li beigās saiti uz šī li dzēšanu no saraksta.

Zem saraksta izveidojiet veidlapu jauna darbinieka pievienošanai.