Diferencia entre revisiones de «Calculators.js»

De Wiki The-West ES
Ir a la navegación.
Sin resumen de edición
Sin resumen de edición
Línea 10: Línea 10:
         $('.item_number').each(function(index, element){
         $('.item_number').each(function(index, element){
             amountsArray[index] = parseInt($(element).text());
             amountsArray[index] = parseInt($(element).text());
            console.log(amountsArray[index]);
         })
         })
         $(".input_amount").on('change', function() {
         $(".input_amount").on('change', function() {
Línea 17: Línea 16:
             if (!isNaN(inputValue) && inputValue > 0) {
             if (!isNaN(inputValue) && inputValue > 0) {
                 $('.item_number').each(function(index, element){
                 $('.item_number').each(function(index, element){
                    console.log(amountsArray[index]);
                    console.log(inputValue);
                    console.log(amountsArray[index] * inputValue);
                     $(element).text(amountsArray[index] * inputValue);
                     $(element).text(amountsArray[index] * inputValue);
                 });
                 });
             } else {
             } else {
                 $('.item_number').each(function(index, element){
                 $('.item_number').each(function(index, element){
                    console.log(amountsArray[index]);
                    console.log(inputValue);
                    console.log(amountsArray[index] * inputValue);
                     $(element).text(amountsArray[index]);
                     $(element).text(amountsArray[index]);
                 });
                 });

Revisión del 02:45 29 ago 2023

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());
       })
        $(".input_amount").on('change', function() {
           var inputValue = $('.input_amount').val();
           if (!isNaN(inputValue) && inputValue > 0) {
               $('.item_number').each(function(index, element){
                   $(element).text(amountsArray[index] * inputValue);
               });
           } else {
               $('.item_number').each(function(index, element){
                   $(element).text(amountsArray[index]);
               });
           }
       });
   },
   
 init: function () {
       ui.initPage();
   }

}

ui.init();