Praksa spreminjanja elementov v JavaScriptu

Podano je polje. Izpišite njegove elemente v obliki seznama ul.

Spremenite prejšnjo nalogo tako, da ob kliku na katerokoli li v njej pojavi vnosno polje, s katerim jo je mogoče urediti.

Spremenite prejšnjo nalogo tako, da pod seznamom je vnosno polje, s katerim je mogoče dodati nov element na konec seznama ul. Poskrbite, da nove li lahko tudi urejamo.

Spremenite prejšnjo nalogo tako, da na koncu vsake li je povezava 'izbriši', s katero je mogoče izbrisati to li iz ul.

Spremenite prejšnjo nalogo tako, da na koncu vsake li je tudi povezava 'prečrtaj', s katero je mogoče prečrtati besedilo tega označevalca li.

Polje objektov in tabela

Podano je naslednje polje z zaposlenimi:

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

Izpišite te zaposlene v HTML tabeli.

Dodajte celicam ustvarjene tabele možnost urejanja.

Dodajte v vašo tabelo nov stolpec s povezavo za odstranjevanje vrstice iz tabele.

Naredite pod tabelo 3 vnosna polja in gumb za dodajanje novega zaposlenega. Naj se v vnosna polja vnesejo ime, starost in plača, in ob pritisku na gumb se nov zaposleni doda v tabelo. Implementirajte urejanje celic za na novo dodane zaposlene.

Polje objektov in seznam

Podano je naslednje polje z zaposlenimi:

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

Izpišite na zaslon vsakega zaposlenega v svojem označevalcu li označevalca ul.

Naredite tako, da ob kliku na ime, starost ali plačo zaposlenega pojavi vnosno polje za urejanje tega polja.

Dodajte na konec vsakega označevalca li povezavo za odstranjevanje tega li iz seznama.

Pod seznamom naredite obrazec za dodajanje novega zaposlenega.