Trying to read a value that is coming from html() function from Table Cell Id

[simpledeveloper]

Hi, I am trying to read a value from Table Cell, but even if I am using parseFloat, Number or any function its always returning me null value, hence total is coming as null from the below code of JavaScript, any help please?

if ((m.PaymentPlan.ViolationsUniquePenaltyApplied != null) && (m.PaymentPlan.ViolationsUniquePenaltyApplied != 'undefined'))
for (let i = 0; i < m.PaymentPlan.ViolationsUniquePenaltyApplied.length; i++) {
let t = '#' + 'td0' + i;
let a = parseFloat($(t).html());
let b = Number($(t).html());
console.log('a');
console.log(a);
console.log(b);
totalRemaining = parseFloat(totalRemaining) - a;
console.log('totalRemaining');
console.log(totalRemaining);
}

[Lost User]

What is the actual text returned from $(t).html() ?

[simpledeveloper]

1000.00

[Lost User]

when I try the code I get NaN, most likely because totalRemaining is not defined before it is used in the final expression.

[simpledeveloper]

No totalRemaining is also printing as 5000.00, but when I am trying to add them its retuning NaN My total function as below:

        saveTotalPenalty: function (paramdata, id, indx) {
            var m = this.get('model');

            let totalRemaining = m.PaymentPlan.TotalAmount;               

            this.penaltyPerUnit = $(this.boxId).val() / paramdata.Cnt;
            this.penaltyPerUnit = this.penaltyPerUnit.toFixed(2);

            if ((m.PaymentPlan.ViolationsUniquePenaltyApplied != null) && (m.PaymentPlan.ViolationsUniquePenaltyApplied != 'undefined'))
                for (let i = 0; i < m.PaymentPlan.ViolationsUniquePenaltyApplied.length; i++) {
                    let t = '#' + 'td0' + i;
                    let a = parseFloat($(t).html().valueOf());
                   
                    console.log('a');
                    console.log(a);
                    totalRemaining = parseFloat(totalRemaining) - a;
                    console.log('totalRemaining');
                    console.log(totalRemaining);
                }

            if ((m.PaymentPlan.ViolationsUniquePenaltyNotApplied != null) && (m.PaymentPlan.ViolationsUniquePenaltyNotApplied != 'undefined'))
                for (let i = 0; i < m.PaymentPlan.ViolationsUniquePenaltyNotApplied.length; i++) {
                    let t = '#' + 'txt' + i;
                    totalRemaining = totalRemaining - $(t).val();
                }

            totalRemaining = totalRemaining.toFixed(2);
            $('#thTotalRemaining').html(totalRemaining)                

            if ((paramdata.PenaltyAssessed == null) || (paramdata.PenaltyAssessed == 0) || (paramdata.PenaltyAssessed == 'undefined') || isNaN(paramdata.PenaltyAssessed))
                return;

            $('#td' + indx).html(this.penaltyPerUnit);
            var scope = this;
            var data = {
                violationPenaltyAdjustment: paramdata,
                CaseId: id,
                PenaltyAssessed: paramdata.PenaltyAssessed
            };              

            scope.api('Paymentxxxn/AddTotalxxxx').post(data).then(function (response) {
                //scope.set('model', response.Data.plan);
                toastr.success("Payment added");
            }, function (error) {
                Ember.set(payment, "isLoading", false);
                toastr.erro

[Lost User]

I just tried with totalRemaining set to 5000, and the results are correct. There must be something else happening in your code.

[simpledeveloper]

No actually when I am printing as below:

console.log('$(t).html()');
console.log($(t).html());
let a = parseFloat($(t).html());
console.log('a');
console.log(a);

console.log($(t).html()); is printing 1000 but after doing this, it is printing a value as NaN, any help please?

[Lost User]

Sorry, there is nothing more I can do. When I run those few lines of code I get the correct answer. But I cannot reproduce your problem since i do not have all the code.