0

Estoy realizando un programa de calculos de valores de un producto, y tengo un error a la hora de realizar el calculo inicial, y es que no me redondea el valor del producto si por ejemplo pongo "1.999999", no me lo coloca como 2, sino que me sale con esos decimales a pesar de que luego al realizar el calculo final de la factura y la base imponible, me lo pone bien, he intentado subsanarlo con un $("#total-linea").val($valorPrecioUnitario - $valorDescuento).toFixed(2);, pero no se si es que o lo estoy poniendo mal o no se que es lo que ocurre que porque no me lo redondea. Adjunto una imagen para que veais a lo que me refiero y mi codigo a continuación.

introducir la descripción de la imagen aquí

$(document).ready(function () 
{
    $(document).on('click', '#agregarLinea', function (event) 
    {
        event.preventDefault();
        //Especificamos los valores que vamos a tomar
        $valorProducto = $("#producto").val();
        $valorCantidad = $("#cantidad").val();
        $valorPrecioUnitario = $("#precio-unitario").val();
        $valorDescuento = $("#descuento").val();
        $valorTotal = $("#total-linea").val();
        

        //insertamos los contenidos
        $("tbody").append("<tr class='info'>"
            + "<td> " + $valorProducto + " </td>"
            + "<td class='valorCantidad'> " + $valorCantidad + " </td>"
            + "<td class='valorPrecioUnitario'> " + $valorPrecioUnitario + " </td>"
            + "<td class='valorDescuento'> " + $valorDescuento + " </td>"
            + "<td class='valorTotal'> " + $valorTotal + " </td>"
            + "<td> <button type'button' class='borrar btn-success'> Borrar </button>"
            + "</tr>"
        );
        //Limpiamos los valores al agregar (botón)
        $("#producto").val("");
        $("#cantidad").val("");
        $("#precio-unitario").val("");
        $("#descuento").val("");
        $("#total").val("");

        //CALCULAR EL TOTAL
        //base imponible es 0 y se suma al total que inicialmente es 0, hasta que metamos un costo
        $cantidadActualizada = parseFloat($("#base-imponible").text()) + parseFloat($valorTotal);
        $("#base-imponible").text(parseFloat($cantidadActualizada).toFixed(2));
        //calculamos el iva y lo sumamos a la factura del producto/s
        $iva = ($cantidadActualizada * 1.21) - $cantidadActualizada;
        let total_iva=parseFloat($iva).toFixed(2);
        $("#iva").html(total_iva<0?0:total_iva);
        $totalFact = $cantidadActualizada + $iva;
        $("span#total").text(parseFloat($totalFact).toFixed(2));
        $('#total-linea').val($valorTotal.toFixed(2));
        
        //establecemos la fecha actual de las compras
        let date = new Date();
        let time = "Articulo: " + $valorProducto + " añadido el "
            + date.getUTCDate() + "/"
            + (date.getUTCMonth() + 1) + "/"
            + date.getUTCFullYear() + " a las "
            + date.getHours() + ":"
            + date.getMinutes() + ":"
            + date.getSeconds();
        $(".container").append("<p>" + time + "</p>");


    });

    /*BORRAR FILA*/
    //agregamos evento click al botón borrar
    $(document).on('click', ".borrar", function () {
        $valor = $(this).parent().siblings(".valorTotal").text();
        //restamos los valores de cada apartado para dejarlo todo de vuelta a 0
        $cantidadActualizada = parseFloat($("#base-imponible").text()) - parseFloat($valor);
        let total_base=parseFloat($cantidadActualizada).toFixed(2);
        //impedimos que baje a menos de 0
        $("#base-imponible").html(total_base<0?0:total_base);
        $iva = ($cantidadActualizada * 1.21) - $cantidadActualizada;
        let total_iva=parseFloat($iva).toFixed(2);
        //impedimos que baje a menos de 0
        $("#iva").html(total_iva<0.001?0:total_iva);
        //igualamos a 0 la factura
        $totalFact = $cantidadActualizada + $iva;
        let total_mostrar=parseFloat($totalFact).toFixed(2);
        $("span#total").html(total_mostrar<0?0:total_mostrar);
        $(this).parent().parent().remove();
    });

    //ESTABLECEMOS DESCUENTO A UN PRODUCTO
    $(document).on('mouseout', "#descuento, #precio-unitario", function () 
    {
        //Tomamos cada uno de los valores de cada celda
        $valorCantidad = $("#cantidad").val();
        $valorPrecioUnitario = $("#precio-unitario").val();
        //aplicamos el descuento
        $valorDescuento = $("#descuento").val();
        //calculamos
        $("#total-linea").val($valorCantidad * $valorPrecioUnitario * (1 - $valorDescuento / 100));
        $("#total-linea").val($valorPrecioUnitario - $valorDescuento).toFixed(2);
    });

    //APLICAMOS EL DESCUENTO A TODAS LAS FILAS
    $(document).on('click', "#aplicarDescuento", function (event) 
    {event.preventDefault();
        //tomamos el valor del descuento
        $descuentoLineas = $("#descuento-lineas").val();
        //leemos el valor aplicado
        $(".valorDescuento").text($descuentoLineas);

        //Calculamos el descuento
        $(".info").each(function () {
            //buscamos y leemos
            $valorCantidad = $(this).find(".valorCantidad").text();
            $valorPrecioUnitario = $(this).find(".valorPrecioUnitario").text();
            //calculamos el descuento
            $valorTotal = parseFloat($valorCantidad) * parseFloat($valorPrecioUnitario) * (1 - parseFloat($descuentoLineas) / 100);
            $(this).children('.valorTotal').text($valorTotal);
        });
        $refreshAmount = 0;
        $iva = 0;
        $('.valorTotal').each(function () {
            $parse = parseFloat($(this).text());
            $refreshAmount += $parse;
            let total_base=parseFloat($refreshAmount).toFixed(2);
            $("#base-imponible").html(total_base<0?0:total_base);
    
        });
        $iva = ($refreshAmount * 1.21) - $refreshAmount;
        let total_iva=parseFloat($iva).toFixed(2);
        $("#iva").html(total_iva<0?0:total_iva);
        $totalFact = $refreshAmount + $iva;

        let total_mostrar=parseFloat($totalFact).toFixed(2);
        $("span#total").html(total_mostrar<0?0:total_mostrar);

    });
    
})
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
        <title> DWC </title>
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-12 mt-5">
                    <h3>Introducción de productos en la factura</h3>
                    <table class="table table-striped mt-4">
                        <thead>
                            <tr>
                                <th>Producto</th>
                                <th>Cantidad</th>
                                <th>Precio unitario</th>
                                <th>Descuento (%)</th>
                                <th>Precio total</th>
                                <th>Opciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input class="form-control" type="text" name="producto" id="producto" /></td>
                                <td><input class="form-control" type="number" name="cantidad" id="cantidad" /></td>
                                <td><input class="form-control" type="text" name="precio-unitario" id="precio-unitario" /></td>
                                <td><input class="form-control" type="text" name="descuento" id="descuento" /></td>
                                <td><input class="form-control" type="text" name="total-linea" id="total-linea" readonly /></td>
                                <td><a href="" id="agregarLinea" class="btn btn-success">Agregar</a></td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td class="text-right" colspan="4">Base imponible</td>
                                <td class="text-right"><span id="base-imponible">0</span>€</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td class="text-right" colspan="4" data-iva="0.21">IVA 21%</td>
                                <td class="text-right"><span id="iva">0</span>€</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td><input class="form-control" type="text" name="descuento-lineas" id="descuento-lineas" placeholder="%" /></td>
                                <td colspan="2"><a href="" id="aplicarDescuento" class="btn btn-info">Aplicar descuento a todas las líneas</a></td>
                                <td class="text-right"><strong>Total factura</strong></td>
                                <td class="text-right"><strong><span id="total">0</span>€</strong></td>
                                <td></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
        <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
        <script src='facturas.js'></script>
    </body>
</html>

1 respuesta 1

1

El toFixed te ordena los decimales

Si usas toFixed(2) signfica que un 2 será 2.00 o si un 1.99999 sera 2.00

Ahora si deseas que solo sea un número usando el toFixed pero sin valor

Ejemplo:

var valor=1.999999;

//Valor Con Decimales
console.log(valor.toFixed(2));


//Valor Sin Decimales
console.log(valor.toFixed());

El valor que coloques dentro del toFixed(valor) será la cantidad de decimales.

11
  • Sisi, comprendo como funciona el Tofixed, sin embargo lo que no logro conseguir es que me arregle esa cantidad de decimales que me sale aun teniendo el Tofixed colocado.
    – Puntoycoma
    el 14 dic. 2021 a las 19:14
  • Ok, coloca tu script aca jsfiddle.net para verlo y poder editarlo el 14 dic. 2021 a las 19:19
  • 1
    Prueba esta version a ver si es lo que buscas jsfiddle.net/c8rLxq15 el 14 dic. 2021 a las 19:42
  • 1
    Si me di cuenta recién jajajaja Saludos! el 14 dic. 2021 a las 19:55
  • 1
    Continuemos el debate en el chat. el 14 dic. 2021 a las 20:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.