Calculators.js

ui = {

   initPage: function () {
       console.log("Calculators Script loaded");
       
       //Calculator       
       var newInput = "<input type='number' class='input_amount target' value='1' max='50000' min= />";
       ($('#input_amount')).html(newInput);
       var amountsArray = [];
       $('.item_number').each(function(index, element){
           amountsArray[index] = parseInt($(element).text());
           console.log(amountsArray[index]);
       })
       $(".input_amount").on('change', function() {
           if(isNaN($(".input_amount") && $(".input_amount").value > 0)){
               var inputValue = $('.input_amount').value;
               $('.item_number').each(function(index, element){
                 console.log(amountsArray[index]);
                 console.log(inputValue);
                 console.log(amountsArray[index] * inputValue);
                   $(element).text(amountsArray[index] * inputValue);
               })
           }else{
               $('.item_number').each(function(index, element){
                 console.log(amountsArray[index]);
                 console.log(inputValue);
                 console.log(amountsArray[index] * inputValue);
                   $(element).text(amountsArray[index]);
               })
           }
       });
   },
   
 init: function () {
       ui.initPage();
   }

}

ui.init();