Praktyk op die verandering van elemente in JavaScript

Gegee 'n array. Vertoon sy elemente as 'n lys ul.

Wysig die vorige probleem sodat met 'n klik op enige li daarin 'n invoerveld verskyn, waarmee dit geredigeer kan word.

Wysig die vorige probleem sodat onder die lys 'n invoerveld is, waarmee 'n nuwe element aan die einde van die lys ul gevoeg kan word. Maak dit so dat nuwe li ook geredigeer kan word.

Wysig die vorige probleem sodat aan die einde van elke li 'n skakel 'verwyder' staan, waarmee hierdie li uit die ul verwyder kan word.

Wysig die vorige probleem sodat aan die einde van elke li ook 'n skakel 'deurtrek' staan, waarmee die teks van hierdie li-tag deurgetrek kan word.

Array van voorwerpe en tabel

Gegee die volgende array met werknemers:

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

Vertoon hierdie werknemers in 'n HTML-tabel.

Voeg by die selle van die geskepde tabel die vermoë om dit te redigeer.

Voeg by jou tabel 'n nuwe kolom met 'n skakel om die ry uit die tabel te verwyder.

Maak onder die tabel 3 invoervelde en 'n knoppie om 'n nuwe werknemer by te voeg. Laat in die invoervelde die naam, ouderdom en salaris ingevoer word, en met 'n druk op die knoppie word die nuwe werknemer bygevoeg in die tabel. Implementeer die redigering van selle vir nuutbygevoegde werknemers.

Array van voorwerpe en lys

Gegee die volgende array met werknemers:

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

Vertoon elke werknemer op die skerm in sy eie li-tag van die ul-tag.

Maak dit so dat met 'n klik op die naam, ouderdom of salaris van die werknemer 'n invoerveld vir die redigering van daardie veld verskyn.

Voeg aan die einde van elke li-tag 'n skakel by om hierdie li uit die lys te verwyder.

Maak onder die lys 'n vorm om 'n nuwe werknemer by te voeg.