Total amount shows NaN [closed]

I’m trying to calculator total sum amount by products quantity and price.
Everything works fine, but when I add a total amount is getting error: NaN.

I tried lot of modification but got no result. Maybe anyone who know Javascript well can help me to solve the issue.

So everything is fine before adding any additional div in this

<script>
$(document).ready(function() {

/* Set rates */

var fadeTime = 100;

/* Assign actions */
$('.pass-quantity select').change(function() {
updateQuantity(this);
});



/* Recalculate cart */
function recalculateCart() {
var subtotal = 0;

/* Sum up row totals */
$('.item').each(function() {
subtotal += parseFloat($(this).children('#product-line-price').text());
});

/* Calculate totals */
var total = subtotal;

/* Update totals display */
$('.totals-value').fadeOut(fadeTime, function() {
$('#cart-subtotal').html(subtotal.toFixed(2));
$('.cart-total').html(total.toFixed(2));

    $('.totals-value').fadeIn(fadeTime);
    });
    }


    /* Update quantity */
    function updateQuantity(quantityInput) {
     /* Calculate line price */
     var productRow = $(quantityInput).parent().parent();
     var price = parseFloat(productRow.children('#product-price').text());
     var quantity = $(quantityInput).val();
     var linePrice = price * quantity;

    /* Update line price display and recalc cart totals */
    productRow.children('#product-line-price').each(function() {
    $(this).fadeOut(fadeTime, function() {
    $(this).text(linePrice.toFixed(2));
    recalculateCart();
    $(this).fadeIn(fadeTime);
    });
    });
    }

    });    

    </script>

 
    <div class="cart-item item">

    <div class="item-img">
    <a href="single-product.html"><img src="uploads/<?php echo $product['file_name']; ?> " alt="Commodo Blown Lamp"></a>
    <button class="close-btn"><i class="fas fa-times"></i></button>
    </div>


    <h3 class="item-title"><a href="single-product-3.html">Wireless PS Handler</a></h3>
    <span id="product-price"><?php echo $product['price']; ?></span>
    <span class="item-price" id="product-line-price"><?php echo $product['price']; ?></span>


    <div class="pass-quantity">
    <label for="pass-quantity">Quantity</label>
    <select class="form-control">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
    </select>
    </div>
    
    </div>


            
    </ul>
    </div>
    <div class="cart-footer">
    <h3 class="cart-subtotal">
    <span class="subtotal-title">Total:</span>
    <span class="subtotal-amount"><span class="totals-value cart-total"><?php echo number_format($total_price,2)."$"; ?><span></span><!-- Getting NaN here -->
    </h3>
    </div>
    </div>
    </div>