Wie würdet ihr hier vorgehen?
In schwierigen Fällen konstruiere ich mir ein Example in statischem HTML - um zu sehen, was ich wo einfügen muss.
Im zweiten Schritt schaue ich dann, wie ich das mache.
Das das einigen Aufwand machen wird ist klar, das erfordert aber - ab dem stehenden Plan - nur Arbeit. Die Daten der Offerte selbst würde ich übrigens jede Zeile als Objekt, die Objekte in einem Array, dieses dann in einem Cookie speichern. Das muss ja die Sitzung nicht überleben. Wird aber automatisch gesendet.
- Auch die Struktur des Cookies würde ich mir notieren.
Ändern würde ich nur das Array mit den Daten, dann das Cookie neu setzen. Die sichtbare Liste (eigentlich eine Tabelle) würde ich nach jeder Änderung am Array (der eine Änderung des Cookies nachfolgen muss) aus eben diesem Array vollständig neu generieren und dann ins DOM hängen.
<script language="javascript" type="text/javascript">
Das ist sowas von von "1997". Ich würde an Deiner Stelle nachsehen, ob das im Jahr 2018 nicht moderner geht: <script>
reicht nämlich völlig aus. Möglicherweise solltest Du also modernere Literatur zu Rate ziehen und vor allem: mit kleineren Übungen anfangen.