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:

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

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