Praktik i att ändra element med JavaScript

Given är en array. Visa dess element som en lista ul.

Modifiera den föregående uppgiften så att vid klick på vilken li som helst visas en input där den kan redigeras.

Modifiera den föregående uppgiften så att det under listan finns en input med vilken ett nytt element kan läggas till i slutet av listan ul. Se till att nya li också kan redigeras.

Modifiera den föregående uppgiften så att det i slutet av varje li finns en länk 'radera', som kan användas för att ta bort denna li från ul.

Modifiera den föregående uppgiften så att det i slutet av varje li också finns en länk 'genomstruken', med vilken texten i denna li-tagg kan göras genomstruken.

Array av objekt och tabell

Given är följande array med anställda:

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

Visa dessa anställda i en HTML-tabell.

Lägg till möjlighet att redigera cellerna i den skapade tabellen.

Lägg till en ny kolumn i din tabell med en länk för att radera raden från tabellen.

Gör så att det under tabellen finns 3 inputfält och en knapp för att lägga till en ny anställd. Låt namnet, ålder och lön anges i inputfälten, och vid klick på knappen ska den nya anställde läggas till i tabellen. Implementera redigering av celler för nytillagda anställda.

Array av objekt och lista

Given är följande array med anställda:

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

Visa varje anställd på skärmen i sin egen li-tagg inom en ul-tagg.

Gör så att vid klick på namn, ålder eller lön för en anställd visas ett inputfält för att redigera det fältet.

Lägg till en länk i slutet av varje li-tagg för att ta bort denna li från listan.

Gör ett formulär under listan för att lägga till en ny anställd.