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