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