Praktijk op het wijzigen van elementen in JavaScript

Задание 1

Gegeven een array. Geef de elementen weer als een ul lijst.

Задание 2

Wijzig de vorige opdracht zodat er bij een klik op een willekeurige li een invoerveld verschijnt waarmee deze kan worden bewerkt.

Задание 3

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.

Задание 4

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.

Задание 5

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.

Задание 6

Gegeven de volgende array met werknemers:

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

Задание 7

Voeg de mogelijkheid toe om de cellen van de gemaakte tabel te bewerken.

Задание 8

Voeg een nieuwe kolom toe aan je tabel met een link om een rij uit de tabel te verwijderen.

Задание 9

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.

Задание 10

Gegeven de volgende array met werknemers:

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

Задание 11

Zorg ervoor dat bij een klik op de naam, leeftijd of het salaris van een werknemer een invoerveld verschijnt om dat veld te bewerken.

Задание 12

Voeg aan het einde van elke li tag een link toe om deze li uit de lijst te verwijderen.

Задание 13

Maak onder de lijst een formulier voor het toevoegen van een nieuwe werknemer.