(aporte y duda) Limitar cualquier numero a dos decimales

[yopmail]

Hola, tras buscar por la red encontré un codigo muy sencillo que sirve para limitar el numero a dos decimales..

Código PHP:

  <button onclick="myFunction()">Try it</button> 
 
<p id="demo"></p> 
 
<script> 
function myFunction() { 
    var num = 5.56789; 
    var n = num.toFixed(2); 
    document.getElementById("demo").innerHTML = n; 
} 
</script>  
  

La gran duda que tengo, es como podría ese javascript limitar a 2 decimales a un numero que esta dentro de un div y sin usar el boton si no hacerlo de forma automatica?

Ejemplo <div class="numerolargo">5.53244</div> convertirlo a <div class="numerolargo">5.53</div>



Muchas Gracias

[Alexis88]

Con el código que muestras, solo necesitarías ejecutar la función cuando haya terminado de cargar el documento HTML.

Código Javascript:

document.addEventListener("DOMContentLoaded", myFunction);
 

[yopmail]

+1

Muchas Gracias, ahora bien como podria hacer que el javascript afecte a un div en concreto?

Tengo un div que el numero en su interior varia, entonces me gustaria que ese javascript le quite los decimales que sobran..

Muchas Gracias

[mpozo]

Edita el DOM

Código Javascript:

Number(this.innerHTML).toFixed(2)
 

[Alexis88]

En ese caso, y siguiendo con tu código, la función tendría que recibir como argumento el identificador del elemento, tomarías el contenido del mismo con cualquiera de las propiedades existentes para hacer eso, y harías la delimitación de decimales.

Código Javascript:

function myFunction(id){
    var elem = document.getElementById(id);
    elem.textContent = parseFloat(elem.textContent).toFixed(2);
}
 
myFunction("id del elemento");
 

Con la función parseFloat(), se le da formato a la cadena contenida en el elemento, resultando un número de punto flotante. Esto se debe hacer debido a que el método .toFixed() no opera sobre cadenas de caracteres, que es lo que contiene el elemento, independientemente de que gráficamente sea un valor numérico.

[yopmail]

Muchas Gracias por tu ayuda, bueno acabo de montarlo todo así:

<script type="text/javascript">
function myFunction(id){
var elem = document.getElementById(id);
elem.textContent = parseFloat(elem.textContent).toFixed(2);
}

myFunction("carrito");
</script>

<div id="carrito">6.43534534</div>

pero algo hago mal por que no me funciona..

+1 por la ayuda

[mpozo]

Lleva el javascript al final del archivo.

Ambos códigos tienen el mismo problema de redondeo. Creo que con el método Math.floor puedes solventarlo

Código Javascript:

console.log((Math.floor(2.436756 * 100) / 100).toFixed(2))
 

[Alexis88]

Complementando la respuesta de mpozo, puedes ejecutar la llamada a la función al término de la carga de los elementos del documento, de una manera muy similar a como te lo mostré al inicio.

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    myFunction("carrito");
});
 

Esto es porque, hasta ahora, la función se ejecuta antes de que cargue el elemento HTML en cuestión, por lo cual, no lo encuentra y no logra tomarse valor alguno.

En cuanto a la cantidad de decimales, si lo que deseas es redondear la cifra, dejando dos decimales, debes optar por la opción de mpozo; y si solo quieres limitar la cantidad de decimales a mostrar, sigue como lo vienes haciendo.

[mpozo]

O lo he entendido mal o es al revés

Código Javascript:

// Si no se quiere el redondeo
 
console.log((Math.floor('2.436756' * 100) / 100).toFixed(2)) // 2.43
 
// Si no importa el redondeo 
console.log(Number('2.436756').toFixed(2)) // 2.44
 

[alvaro_trewhela]

Hay un metodo nativo

function myToFixen(n,d){
n *= 10**d;
n = n|0;
n /= 10**d;
return n;
}