Praksa spreminjanja elementov v JavaScriptu

Задание 1

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

Задание 2

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

Задание 3

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.

Задание 4

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

Задание 5

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.

Задание 6

Podano je naslednje polje z zaposlenimi:

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

Задание 7

Dodajte celicam ustvarjene tabele možnost urejanja.

Задание 8

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

Задание 9

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.

Задание 10

Podano je naslednje polje z zaposlenimi:

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

Задание 11

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

Задание 12

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

Задание 13

Pod seznamom naredite obrazec za dodajanje novega zaposlenega.