Praxis zur Änderung von Elementen in JavaScript

Gegeben ist ein Array. Geben Sie seine Elemente als ul-Liste aus.

Modifizieren Sie die vorherige Aufgabe so, dass bei einem Klick auf ein beliebiges li ein Eingabefeld erscheint, mit dem es bearbeitet werden kann.

Modifizieren Sie die vorherige Aufgabe so, dass sich unter der Liste ein Eingabefeld befindet, mit dem ein neues Element am Ende der ul-Liste hinzugefügt werden kann. Stellen Sie sicher, dass auch neue li-Elemente bearbeitet werden können.

Modifizieren Sie die vorherige Aufgabe so, dass am Ende jedes li ein Link 'löschen' steht, mit dem dieses li aus der ul-Liste entfernt werden kann.

Modifizieren Sie die vorherige Aufgabe so, dass am Ende jedes li ebenfalls ein Link 'durchstreichen' steht, mit dem der Text dieses li-Tags durchgestrichen werden kann.

Array von Objekten und Tabelle

Gegeben ist das folgende Array mit Mitarbeitern:

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

Geben Sie diese Mitarbeiter in einer HTML-Tabelle aus.

Fügen Sie den Zellen der erstellten Tabelle die Möglichkeit der Bearbeitung hinzu.

Fügen Sie Ihrer Tabelle eine neue Spalte mit einem Link zum Löschen der Zeile aus der Tabelle hinzu.

Erstellen Sie unter der Tabelle 3 Eingabefelder und eine Schaltfläche zum Hinzufügen eines neuen Mitarbeiters. In die Eingabefelder sollen Name, Alter und Gehalt eingegeben werden, und beim Drücken der Schaltfläche soll der neue Mitarbeiter der Tabelle hinzugefügt werden. Implementieren Sie die Bearbeitung der Zellen für neu hinzugefügte Mitarbeiter.

Array von Objekten und Liste

Gegeben ist das folgende Array mit Mitarbeitern:

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

Geben Sie jeden Mitarbeiter in seinem eigenen li-Tag innerhalb eines ul-Tags aus.

Sorgen Sie dafür, dass bei einem Klick auf den Namen, das Alter oder das Gehalt eines Mitarbeiters ein Eingabefeld zur Bearbeitung dieses Feldes erscheint.

Fügen Sie am Ende jedes li-Tags einen Link zum Entfernen dieses li aus der Liste hinzu.

Erstellen Sie unter der Liste ein Formular zum Hinzufügen eines neuen Mitarbeiters.