JavaScripti elementide muutmise praktika

Antud on massiiv. Kuva selle elemendid loendina ul.

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

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.

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

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

Antud on järgmine töötajate massiiv:

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

Lisa loodud tabeli lahtritele võimalus muutmiseks.

Lisa oma tabelisse uus veerg lingiga rea tabelist eemaldamiseks.

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

Antud on järgmine töötajate massiiv:

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

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

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

Tee loendi alla vorm uue töötaja lisamiseks.