I have a JavaScript function that performs well, except for when I remove or comment out the alert() line. This function is designed to calculate the sum of values in up to 30 fields if they are present and contain a value.
Here is an example of the HTML structure:
<input type="text" onblur="Calculatenettobrutto(1);">
And here is the corresponding JavaScript code:
function Calculatenettobrutto(n) {
var Feldnummer = n;
var nettowert, bruttowert;
var nettosumme, bruttosumme, neuenettosumme, neuebruttosumme;
var Wertfuer = 'Mehrwertsteuersatz';
// Retrieving Mehrwertsteuer data
var dataString = 'Name=' + Wertfuer;
var thisObject = this;
this.wert = $.ajax({
type: "POST",
url: "ajax_get_Einstellungen.php",
data: dataString,
cache: false,
success: function(wert) {
nettowert = document.getElementById('Netto' + Feldnummer).value;
bruttowert = parseFloat(nettowert) * wert;
document.getElementById('Brutto' + Feldnummer).value = parseFloat(bruttowert);
return wert;
}
});
var nettosumme = 0, bruttosumme = 0, x = 1;
while (x < 30) {
var Feldname = 'Netto' + x;
if (document.getElementById('Netto' + x)) {
var nettowert = document.getElementById('Netto' + x).value;
if (nettowert) {
nettosumme = parseFloat(nettosumme) + parseFloat(document.getElementById('Netto' + x).value);
// The following line is crucial for correct calculations, even though it triggers an alert
alert(nettosumme);
bruttosumme = parseFloat(bruttosumme) + parseFloat(document.getElementById('Brutto' + x).value);
}
}
x++;
}
document.getElementById('Nettosumme').value = parseFloat(nettosumme);
document.getElementById('Bruttosumme').value = parseFloat(bruttosumme);
}How can we ensure the function works properly even without the alert() line?