Praksis på å endre elementer i JavaScript

Gitt en array. Vis elementene som en liste ul.

Modifiser forrige oppgave slik at ved klikk på en hvilken som helst li dukker det opp et input-felt, som kan brukes til å redigere den.

Modifiser forrige oppgave slik at det under listen er et input-felt, som kan brukes til å legge til et nytt element på slutten av listen ul. Gjør slik at nye li også kan redigeres.

Modifiser forrige oppgave slik at det på slutten av hver li er en lenke 'slett', som kan brukes til å slette denne li fra ul.

Modifiser forrige oppgave slik at det på slutten av hver li også er en lenke 'gjel gjennom', som kan brukes til å stryke gjennom teksten i denne li.

Array med objekter og tabell

Gitt følgende array med ansatte:

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

Vis disse ansatte i en HTML-tabell.

Legg til funksjonalitet for redigering i cellene i den opprettede tabellen.

Legg til en ny kolonne i tabellen din med en lenke for sletting av rad fra tabellen.

Lag 3 input-felter og en knapp under tabellen for å legge til en ny ansatt. La input-feltene ta inn navn, alder og lønn, og ved trykk på knappen legges den nye ansatte til i tabellen. Implementer redigering av celler for nylig tilføyde ansatte.

Array med objekter og liste

Gitt følgende array med ansatte:

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

Vis hver ansatt på skjermen i sitt eget li-element i et ul-element.

Gjør slik at ved klikk på navn, alder eller lønn til den ansatte dukker det opp et input-felt for redigering av det feltet.

Legg til en lenke for sletting av dette li-elementet fra listen på slutten av hvert li-element.

Lag et skjema under listen for å legge til en ny ansatt.