Prax na zmenu prvkov v JavaScripte

Задание 1

Dané pole. Vypíšte jeho prvky vo forme zoznamu ul.

Задание 2

Upravte predchádzajúcu úlohu tak, aby po kliknutí na ľubovoľnú li sa v nej objavilo vstupné pole, pomocou ktorého ju bude možné upraviť.

Задание 3

Upravte predchádzajúcu úlohu tak, aby pod zoznamom bolo vstupné pole, pomocou ktorého bude možné pridať nový prvok na koniec zoznamu ul. Zaistite, aby nové li bolo tiež možné upravovať.

Задание 4

Upravte predchádzajúcu úlohu tak, aby na konci každej li bola odkaz 'odstrániť', pomocou ktorého bude možné odstrániť túto li z ul.

Задание 5

Upravte predchádzajúcu úlohu tak, aby na konci každej li bol tiež odkaz 'preškrtnúť', pomocou ktorého bude možné preškrtnúť text daného prvku li.

Задание 6

Dané nasledujúce pole s zamestnancami:

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

Vypíšte týchto zamestnancov do HTML tabuľky.

Задание 7

Pridajte bunke vytvorenej tabuľky možnosť editácie.

Задание 8

Pridajte do vašej tabuľky nový stĺpec s odkazom na odstránenie riadku z tabuľky.

Задание 9

Urobte pod tabuľkou 3 vstupné polia a tlačidlo na pridanie nového zamestnanca. Nech sa do vstupných polí zadáva meno, vek a plat, a po stlačení tlačidla sa nový zamestnanec pridá do tabuľky. Realizujte editáciu buniek pre novo pridaných zamestnancov.

Задание 10

Dané nasledujúce pole s zamestnancami:

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

Vypíšte na obrazovku každého zamestnanca vo svojom prvku li prvku ul.

Задание 11

Urobte tak, aby po kliknutí na meno, vek alebo plat zamestnanca sa objavilo vstupné pole pre editáciu tohto poľa.

Задание 12

Pridajte na koniec každého prvku li odkaz na odstránenie tohto li zo zoznamu.

Задание 13

Pod zoznamom urobte formulár na pridanie nového zamestnanca.