Formularfelder addieren und Zwischensumme ausgeben

[Sempervivum]

An dieser Stelle wir die Farbe auf grün gesetzt:

Code:

            // Schriftfarbe abhängig vom Wert einstellen:
            function setColor(input, val) {
                if (val < 0) {
                    input.style.color = "#00CC99"; //<-- das dürfte grün sein
                } else if (val == 0) {
                    input.style.color = "#000000";
                } else if (val > 0) {
                    input.style.color = "#FF3300";
                }
            }

d. h. wenn der Wert kleiner als 0 ist.

Wenn wir das setColor hinter die Schleife verschieben, wird nur das aktuelle Eingabefeld gesetzt, nicht alle:

Code:

            inputsInRow.forEach(input => {
                const
                    // Zunächst den eingegebenen Wert
                    // als Integer bereit stellen:
                    val = parseInt(input.value);
                // Wenn es sich nicht um ein Summenfeld selber handelt:
                // Wert auf die Summe aufaddieren:
                if (!input.classList.contains('sum') &&
                    !input.classList.contains('total-sum')) {
                    sum += parseInt(input.value);
                }
            });
           setColor(input, val);
           // Summe in das Ausgabefeld eintragen:
            sumField.value = sum;
            setColor(sumField, sum);

Das müsste dann das sein, was Du wünschst.