Praktijk op het wijzigen van elementen in JavaScript
Gegeven een array. Geef de elementen weer als een
ul lijst.
Wijzig de vorige opdracht zodat er
bij een klik op een willekeurige li een
invoerveld verschijnt waarmee deze kan worden
bewerkt.
Wijzig de vorige opdracht zodat er
onder de lijst een invoerveld is waarmee
een nieuw element aan het einde van de
ul lijst kan worden toegevoegd. Zorg ervoor dat nieuwe
li ook kunnen worden bewerkt.
Wijzig de vorige opdracht zodat er
aan het einde van elke li een link 'verwijderen'
staat, waarmee deze
li uit de ul kan worden verwijderd.
Wijzig de vorige opdracht zodat er
aan het einde van elke li ook een link
'doorhalen' staat, waarmee
de tekst van deze li kan worden doorgestreept.
Array van objecten en tabel
Gegeven de volgende array met werknemers:
let employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Geef deze werknemers weer in een HTML-tabel.
Voeg de mogelijkheid toe om de cellen van de gemaakte tabel te bewerken.
Voeg een nieuwe kolom toe aan je tabel met een link om een rij uit de tabel te verwijderen.
Plaats onder de tabel 3 invoervelden en een knop
om een nieuwe werknemer toe te voegen. Laat in de
invoervelden naam, leeftijd en salaris worden ingevoerd,
en voeg bij een klik op de knop een nieuwe werknemer toe
aan de tabel. Implementeer het bewerken van cellen
voor nieuw toegevoegde werknemers.
Array van objecten en lijst
Gegeven de volgende array met werknemers:
let employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Geef elke werknemer weer in zijn eigen
li tag binnen een ul tag.
Zorg ervoor dat bij een klik op de naam, leeftijd of het salaris van een werknemer een invoerveld verschijnt om dat veld te bewerken.
Voeg aan het einde van elke li tag een link
toe om deze li uit de lijst te verwijderen.
Maak onder de lijst een formulier voor het toevoegen van een nieuwe werknemer.
