Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Tabellen Spalten zusammenrechen
#1
<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
Zitieren
#2
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
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste