+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: Tabellen Spalten zusammenrechen (/showthread.php?tid=492)
Tabellen Spalten zusammenrechen - admin - 18.04.2022
<table>
<tr> <td> Preis: </td> <td> €220,00 </td> </tr>
<tr> <td> Preis: </td> <td> € 220,00 </td> </tr>
<tr> <td> Summe: </td> <td> € 240,00 </td> </tr>
</table>
Gibt es irgendeine Möglichkeit der Ergebnisse automatisch berechnen zu lassen?
ICH habe natürlich eine Lösung. Dafür soll das Forum ja auch da sein .
Guck mal, ob dir das weiter hilft
RE: Tabellen Spalten zusammenrechen - rzscout - 18.06.2022
Hallo Admin,
auch hier habe ich eine eigene Lösung zusammen gebastelt.
Hier meine Version des JavaScript-Teiles:
Code:
'use strict';
var table, count;
document.addEventListener('DOMContentLoaded', () => {
table = document.getElementsByTagName('table')[0];
countCol(table);
});
function countCol(currentTable) {
count = 0;
currentTable.querySelectorAll('tr td').forEach((element) => {
let posten = parseFloat(element.textContent);
count = count + posten;
});
let newTr = document.create('tr');
currentTable.appendChild(newTr);
let newTd = document.create('td');
newTd.textContent = `Gesamt: ${count}`;
newTR.appendChild(newTD);
}Zu 'querySelectroAll': Warum nehme ich diese Methode in JavaScript. Nun kann man es auch mit anderen Methoden den Inhalt selektieren, aber ich kann in den Selektorenbereich das x-te Element aus der TR-Reihe selektieren ohne zusätzliche Code schreiben zu müssen. Ob jetzt die Performance darunter etwas runter leidet, kann man für diese kleine Aufgabe, natürlich ignorieren.
PS: Ich habe den Code noch nicht getestet sondern stumpf schnell geschrieben - sollte da ein Syntaxfehler oder ein anderer Fehler auftauchen einfach bescheid geben.
Viele Erfolg
LG
Localfu