Tema: Problema para correr un jquery o JS
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/03/2016, 18:30
erickmpos
 
Fecha de Ingreso: enero-2016
Ubicación: Heredia
Mensajes: 35
Antigüedad: 8 años, 10 meses
Puntos: 0
Pregunta Respuesta: Problema para correr un jquery o JS
Buenas andresgarciadev,

lo hice de la siguiente manera:
1.Prueba.HTML
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <head>
  5.         <title>TODO supply a title</title>
  6.         
  7.         <meta charset="UTF-8">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.     </head>
  10.     <body>
  11.         <script type="text/javascript" src="pruebaerick.js"></script>
  12.         <p>En esta Formula de Prueba podemos ver que luego de colocar el precio de venta y el costo al seleccionar el impuesto este nos calcula automaticamente la utilidad</p>
  13.         <input type="text" name="articulo" placeholder="Articulo" />
  14.  
  15.         <input type="text" name="pVenta" placeholder="Precio de Venta"/>
  16.         <input type="text" name="costo" placeholder="Costo"/>
  17.         <select id="imp">
  18.           <option value="Seleccione Impuesto">Seleccione Impuesto</option>
  19.           <option value="26">Gravado 26%</option>
  20.           <option value="0">Exento 0%</option>
  21.         </select>
  22.         <br><hr>
  23.         <label for="">Impuesto de Venta</label>
  24.         <input type="text" name="impVenta" placeholder="Impuesto de Venta" value="Seleccione Impuesto" readonly/><br><br>
  25.         <label for="">Utilidad</label>
  26.         <input type="text" name="utilidad" placeholder="Utilidad Colones"/>
  27.     </body>
  28. </html>

2. Pruebaerick.js
Código Javascript: 
Ver original
  1. $(document).on("ready", function(){
  2.    /*Verificamos el valor del impuesto seleccionado y llamamos a la funcion que realiza el calculo*/
  3.         $("select[id=imp]").on("change", function(){
  4.  
  5.           $("input[name=impVenta]").val($(this).val());
  6.  
  7.           calcula();
  8.  
  9.         })
  10.         /*Calcula la utilidad basado en el impuesto seleccionado*/
  11.         function calcula(){
  12.  
  13.                 if($("input[name=impVenta]").val()== "Seleccione Impuesto"){
  14.  
  15.                                 $("input[name=utilidad]").val(0);
  16.  
  17.                 }else{
  18.  
  19.                         var pVenta = parseInt($("input[name=costo]").val());
  20.                         var cargo = parseInt(($("input[name=costo]").val() * 
  21.  
  22.                         $("input[name=impVenta]").val())/100);
  23.  
  24.                         $("input[name=utilidad]").val(pVenta+cargo);
  25.  
  26.                 }
  27.  
  28.         }
  29.  
  30.         /*Verifica en tiempo real si hay algun cambio en el campo costo para recalcular la utilidad de este nuevo monto*/
  31.         $("input[name=costo]").on("change", function(){
  32.  
  33.                 calcula();
  34.  
  35.         }); 
  36. });

Sim embargo no me lo carga. Soy la persona mas nueva que puede haber en JS, no se si hay que descargar alguna libreria (por ahi lei que se tenia que descargar y baje esta: jquery-1.12.1.min) y la puse en la misma carpeta donde esta: pruebaerick.js, prueba.html.

Sera que se hace algun otro llamado para que me haga lo pedido, seran los inputs y labels de impuesto venta y utilidad que estan mal?

Código HTML: 
Ver original
  1. <label for="">Impuesto de Venta</label>
  2. <input type="text" name="impVenta" placeholder="Impuesto de Venta" value="Seleccione Impuesto" readonly/><br><br>
  3. <label for="">Utilidad</label>
  4. <input type="text" name="utilidad" placeholder="Utilidad Colones"/>

me dice que utilizar un (for="") no debe ir vacio en el label.

No se si hay que configurar algo mas, porque estoy trabajando todo en PHP, solamente que deseo hacer esta parte en JS porque es mucho mas rapido para uno el trabajarlo, sin salirme de la pagina.

Muchas gracias!