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