Код Javascript неправильно суммирует число с использованием Google Apps с HTML

Я пишу JavaScript в Google Apps, который будет записывать ежемесячные доллары в электронную таблицу из пользовательского ввода HTML.

Он функционирует там, где он принимает ввод от пользователя через ввод html. Затем я использую класс, который захватывает и вычисляет, когда пользователь вводит контент, который активно пишет на экране.

Он должен принимать положительные и отрицательные числа. Хотя он принимает ввод пользователя, он отображает число только как положительное значение, даже если оно отрицательное. Кроме того, он не правильно считает. Я заметил, что если в числе стоит запятая, например 1000, то все после запятой отбрасывается. Я делюсь ниже сценарием заголовка, а затем сценарием в теле HTML-файла, а также html-кодом с функцией. Наконец, я использую Bootstrap, который отлично подходит для других областей кода.

Головной сценарий

<script>
 
  function toFinalNumberFormat(controlToCheck) {
    var enteredNum = '' + controlToCheck.value;
    enteredNum = enteredNum.replace(/[^0-9\.]+/g, ''); 
    controlToCheck.value = Number(enteredNum).toLocaleString();
  }
</script>

Скрипт в теле HTML

document.getElementsByClassName("add-input").addEventListener("input", sumTotal);  //listener when numbers are inputted into monthly spend fields

 function sumTotal ()  {
    var inputs = document.getElementsByClassName('add-input')

    var totalSum = 0

    for ( let i=0; i < inputs.length; i++) {
      totalSum += parseFloat(inputs[i].value || 0, 10)
    }
     var total = document.getElementById("total");
     total.value = totalSum.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
      
  } 

Это фрагмент HTML

<h5>Monthly Spend</h5>
 <div class = "container3">
   <div class = "row">
      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "jan" class = "form-control input-group add-input" aria-placeholder = "January" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "jan">January<br>$</label>
      </div>

      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "feb" class = "form-control input-group add-input" aria-placeholder = "February" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "feb">February<br>$</label>
      </div>

       <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "mar" class = "form-control input-group add-input" aria-placeholder = "March" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "mar">March<br>$</label>
      </div>

     <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "apr" class = "form-control input-group add-input" aria-placeholder = "April" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "apr">April<br>$</label>
      </div>

      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "may" class = "form-control input-group add-input" aria-placeholder = "May" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "may">May<br>$</label>
      </div>

      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "jun" class = "form-control input-group add-input" aria-placeholder = "June" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "jun">June<br>$</label>
      </div>
  </div>

  <div class = "row">
      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "jul" class = "form-control input-group add-input" aria-placeholder = "July" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "jul">July<br>$</label>
      </div>

      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "aug" class = "form-control input-group add-input" aria-placeholder = "August" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "aug">August<br>$</label>
      </div>

      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "sep" class = "form-control input-group add-input" aria-placeholder = "September" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "sep">September<br>$</label>
      </div>

      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "oct" class = "form-control input-group add-input" aria-placeholder = "October" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "$0.00">
        <label for = "oct">October<br>$</label>
      </div>

      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "nov" class = "form-control input-group add-input" aria-placeholder = "November" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "nov">November<br>$</label>
      </div>

      <div class = "form-floating col-sm-2"> 
        <input type = "text" id = "dec" class = "form-control input-group add-input" aria-placeholder = "December" onblur = "toFinalNumberFormat(this);" oninput = "sumTotal()" placeholder = "0.00">
        <label for = "dec">December<br>$</label>
      </div>
</div>
  <div class = "row">
     
    <div class = "form-floating col-sm-4"> 
        <h3>Total:  $<output type = "number" id = "total"></output></h3>
        
      </div>

Может кто-нибудь указать, что не так с кодом? Спасибо!