как автоматически запускать код расчета в реальном времени на javascript при загрузке страницы - PullRequest
0 голосов
/ 04 августа 2020

сейчас я делаю laravel проект. Я реализую использование кода расчета в реальном времени javascript. сценарий может работать нормально. но проблема в том. когда я хочу загрузить свою форму, которая уже содержит номер. расчет не отображается. мне нужно сначала ввести значение, чтобы запустить расчет.

вот мой код

<script type="text/javascript">
    $(function() {
   
       $("tbody").on("input", function() {
           var formatter = new Intl.NumberFormat('en-US', {
           style: 'currency',
           currency: 'USD',
           });
   
           const totalcost = $(".getcost").map(function(i, input) {
               const val = input.value && !isNaN(input.value) ? +input.value : 0;
               $(input).closest("tr").find("td").eq(4).text(val)
               return val;
           }).get().reduce((acc, cur) => { acc += cur; return acc; }, 0)
           $("#totalcost").text(totalcost.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,'));
   
   
           const totalEach = $(".getcost").map(function(i, input) {
               const getcost = input.value && !isNaN(input.value) ? +input.value : 0;
               let  grossProfit = $(input).closest("td").next().find("input").val();
               grossProfit = grossProfit && !isNaN(grossProfit) ? +grossProfit : 0;
               const val = (getcost + (getcost * (grossProfit/100)))
               $(input).closest("tr").find("td").eq(4).text(val.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,'))
               return val;
           }).get().reduce((acc, cur) => { acc += cur; return acc; }, 0)
   
           $("#totalcosteach").text(totalEach.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,')) 
   
       });
    });
</script>

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

помогите пожалуйста

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...