Praxe na změnu prvků v JavaScriptu
Je dáno pole. Vypište jeho prvky ve formě
seznamu ul.
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.
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.
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.
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.
Pole objektů a tabulka
Je dáno následující pole s pracovníky:
let 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.
Přidejte buňkám vytvořené tabulky možnost editace.
Přidejte do vaší tabulky nový sloupec s odkazem na odstranění řádku z tabulky.
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.
Pole objektů a seznam
Je dáno následující pole s pracovníky:
let 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.
Zařiďte, aby po kliknutí na jméno, věk nebo plat pracovníka se objevil vstupní prvek pro editaci tohoto pole.
Přidejte na konec každého prvku li odkaz
na odstranění tohoto li ze seznamu.
Pod seznamem vytvořte formulář pro přidání nového pracovníka.