Prakses uzdevumi par elementu maiņu JavaScript

Задание 1

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

Задание 2

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

Задание 3

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.

Задание 4

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.

Задание 5

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.

Задание 6

Dots šāds masīvs ar darbiniekiem:

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

Izvadiet šos darbiniekus HTML tabulā.

Задание 7

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

Задание 8

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

Задание 9

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.

Задание 10

Dots šāds masīvs ar darbiniekiem:

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

Задание 11

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

Задание 12

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

Задание 13

Zem saraksta izveidojiet veidlapu jauna darbinieka pievienošanai.