Praxe na změnu prvků v JavaScriptu

Задание 1

Je dáno pole. Vypište jeho prvky ve formě seznamu ul.

Задание 2

Upravte předchozí úlohu tak, aby po kliknutí na libovolnou li se v ní objevil vstupní prvek (input), pomocí kterého ji bude možné upravit.

Задание 3

Upravte předchozí úlohu tak, aby pod seznamem byl vstupní prvek, pomocí kterého bude možné přidat nový prvek na konec seznamu ul. Zařiďte, aby nové li bylo také možné upravovat.

Задание 4

Upravte předchozí úlohu tak, aby na konci každé li byl odkaz 'odstranit', pomocí kterého bude možné odstranit tuto li z ul.

Задание 5

Upravte předchozí úlohu tak, aby na konci každé li byl také odkaz 'přeškrtnout', pomocí kterého bude možné přeškrtnout text tohoto li.

Задание 6

Je dáno následující pole s pracovníky:

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

Vypište tyto pracovníky do HTML tabulky.

Задание 7

Přidejte buňkám vytvořené tabulky možnost editace.

Задание 8

Přidejte do vaší tabulky nový sloupec s odkazem na odstranění řádku z tabulky.

Задание 9

Vytvořte pod tabulkou 3 vstupní prvky a tlačítko pro přidání nového pracovníka. Nechť se do vstupních prvků zadává jméno, věk a plat, a po stisknutí tlačítka se nový pracovník přidá do tabulky. Implementujte editaci buněk pro nově přidané pracovníky.

Задание 10

Je dáno následující pole s pracovníky:

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

Vypište na obrazovku každého pracovníka ve svém prvku li prvku ul.

Задание 11

Zařiďte, aby po kliknutí na jméno, věk nebo plat pracovníka se objevil vstupní prvek pro editaci tohoto pole.

Задание 12

Přidejte na konec každého prvku li odkaz na odstranění tohoto li ze seznamu.

Задание 13

Pod seznamem vytvořte formulář pro přidání nového pracovníka.