JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="Sempervivum, post: 13158, member: 3917"] Erst mal zwei allgemeine Hinweise: Diese beiden Zeilen ermitteln jeweils das selbe Objekt: [CODE] const subject = document.querySelector('#subject'); var sub = document.getElementById("subject");[/CODE] D. h. eine davon ist überflüssig. Ich empfehle, die modernen Varianten [ICODE]const[/ICODE] oder [ICODE]let[/ICODE] statt [ICODE]var[/ICODE] zu verwenden. Wenn Du das HTML so definierst: [CODE]subject.insertAdjacentHTML("beforeend", '<tr> <td ><strong>Flamara</strong></td><td id="test">'+existingquantity+'</td></tr>');[/CODE] brauchst Du kein Template, Du kannst die Tags weg lassen. Das macht die Sache ein ganzes Stück klarer. In dem Fall musst Du zunächst, nachdem eine Karte ausgewählt wurde und der Insert-Button geklickt, die Tabelle durchsuchen mit einer Schleife mit [ICODE]forEach[/ICODE] um zu prüfen, ob die Karte schon vorhanden ist. Ist das der Fall, erhöhst Du die Anzahl in der Tabelle, wenn nicht, fügst Du eine neue Zeile ein. [URL]https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Array/forEach[/URL] Versuche es und wenn Du nicht zum Ziel kommst, melde dich wieder. Man kann es auch anders aufziehen: Ein Abbild der Karten in einem Objekt mit dem Kürzel der Karte als Schlüssel und dem Namen und der Anzahl als Werte. Dann nach jeder Änderung den kompletten Tabellenkörper neu generieren. [/QUOTE]