Löschen von Einkäufen im Produktrechner mit JavaScript
Lassen Sie uns nun das Löschen eines Einkaufs implementieren. Der Link zum Löschen ist bereits vorhanden, wir erstellen ihn mit dieser Zeile:
createCell(tr, 'löschen', 'remove');
Ich erinnere daran, dass die Funktion createCell
die erstellte Zelle zurückgibt. Das bedeutet,
dass mit dieser Zelle verschiedene
Operationen durchgeführt werden können. Binden wir zum Beispiel
einen Klick-Handler daran:
let remove = createCell(tr, 'löschen', 'remove');
remove.addEventListener('click', function() {
// Tabellenzeile löschen
});
Eine Zwischenvariable kann auch vermieden werden:
createCell(tr, 'löschen', 'remove').addEventListener('click', function() {
// Tabellenzeile löschen
});
Schreiben Sie den fehlenden Code zum Löschen einer Tabellenzeile.
Fügen Sie den Aufruf der Funktion recountTotal
an der richtigen Stelle hinzu, sodass das Löschen eines Einkaufs
den Gesamtbetrag aktualisiert.