JavaScripti elementide muutmise praktika

Задание 1

Antud on massiiv. Kuva selle elemendid loendina ul.

Задание 2

Muuda eelmist ülesannet nii, et klõps mis tahes li peale kuvaks selles sisendvälja, mille abil saab seda muuta.

Задание 3

Muuda eelmist ülesannet nii, et loendi all oleks sisendväli, mille abil saab lisada uue elemendi loendi ul lõppu. Tee nii, et uusi li elemente saaks samuti muuta.

Задание 4

Muuda eelmist ülesannet nii, et iga li lõpus oleks link 'kustuta', mille abil saab seda li elementi ul-st eemaldada.

Задание 5

Muuda eelmist ülesannet nii, et iga li lõpus oleks samuti link 'läbikriipsuta', mille abil saab selle elemendi li teksti läbi kriipsutada.

Objektide massiiv ja tabel

Задание 6

Antud on järgmine töötajate massiiv:

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

Kuva need töötajad HTML tabelis.

Задание 7

Lisa loodud tabeli lahtritele võimalus muutmiseks.

Задание 8

Lisa oma tabelisse uus veerg lingiga rea tabelist eemaldamiseks.

Задание 9

Tee tabeli alla 3 sisendvälja ja nupp uue töötaja lisamiseks. Sisestatagu sisendväljadele nimi, vanus ja palk, ning nupu vajutamisel lisatakse uus töötaja tabelisse. Rakenda uutele lisatud töötajatele lahtrite muutmise võimalus.

Objektide massiiv ja loend

Задание 10

Antud on järgmine töötajate massiiv:

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

Kuva iga töötaja ekraanil oma li elemendis ul elemendi sees.

Задание 11

Tee nii, et töötaja nime, vanuse või palga peale klõpsates kuvataks sisendväli selle välja muutmiseks.

Задание 12

Lisa igale li elemendi lõppu link selle li eemaldamiseks loendist.

Задание 13

Tee loendi alla vorm uue töötaja lisamiseks.