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