Praktisk øvelse i at ændre elementer med JavaScript
Givet et array. Vis dets elementer som en
liste ul.
Modificer den forrige opgave, således at
der ved klik på enhver li dukker et
inputfelt op, som kan bruges til at redigere
dens indhold.
Modificer den forrige opgave, således at
der under listen er et inputfelt, som
kan bruges til at tilføje et nyt element til slutningen
af listen ul. Sørg for, at nye
li også kan redigeres.
Modificer den forrige opgave, således at
der for enden af hver li er et link 'slet',
som kan bruges til at fjerne denne
li fra ul.
Modificer den forrige opgave, således at
der for enden af hver li også er et link
'gennemstreg', som kan bruges til at
gennemstreg teksten i dette
li-tag.
Array af objekter og tabel
Givet følgende array med medarbejdere:
javascriptlet employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Vis disse medarbejdere i en HTML-tabel.
Tilføj mulighed for redigering af cellerne i den oprettede tabel.
Tilføj en ny kolonne til din tabel med et link til sletning af rækker fra tabellen.
Lav 3 inputfelter og en knap under tabellen
til tilføjelse af en ny medarbejder. Lad inputfelterne
modtage navn, alder og løn,
og ved tryk på knappen tilføjes den nye medarbejder
til tabellen. Implementer redigering af celler
for nyttilføjede medarbejdere.
Array af objekter og liste
Givet følgende array med medarbejdere:
javascriptlet employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Vis hver medarbejder på skærmen i deres eget
li-tag i et ul-tag.
Sørg for, at der ved klik på en medarbejders navn, alder eller løn, dukker et inputfelt op til redigering af dette felt.
Tilføj et link for sletning af denne
li fra listen for enden af hvert li-tag.
Lav en formular under listen til tilføjelse af en ny medarbejder.