lunes, 18 de noviembre de 2013

Como redondear un número con Javascript


Interesante: Vídeo Tutorial de Javascript, aprende a programar Javascript desde cero.

Bienvenid@s, hoy veremos un modo fácil de redondear números con Javascript y así evitar la aparición de números decimales, por ejemplo, 12.32, para poder redondear el número hay que utilizar el método round() del objeto Math, esta función realiza el redondeo de la siguiente forma ...

Si el número décimal es igual a ... 2.4 regresaría 2

Si el número décimal es igual a ... 2.8 regresaría 3

Es decir la función round, redondea el número según el valor del primer número décimal, del decimal con valor 5 hasta el 9 redondea al número siguiente, del 1 al 4 mantiene su valor.

A continuación puedes ingresar un número decimal y comprobar el valor que te devuelve ...




<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
 <head>
  <title>Como redondear un número con Javascript</title>
  <script>
  function getRound()
  {
  number = document.getElementById("numero").value;
  document.getElementById("valor").innerHTML = "Valor redondeado: " + Math.round(number);
  }
 </script>
 </head>
  <body>
Bienvenid@s, hoy veremos un modo fácil de redondear números con Javascript y así evitar la aparición de números 
decimales, por ejemplo, 12.32, para poder redondear el número hay que utilizar el método round() del objeto Math, esta 
función realiza el redondeo de la siguiente forma ...
<br /><br />
Si el número décimal es igual a ... 2.4 regresaría 2 
<br /><br />
Si el número décimal es igual a ... 2.8 regresaría 3
<br /><br />
Es decir la función round, redondea el número según el valor del primer número décimal, del decimal con valor 5 hasta el 9 redondea al número siguiente, 
del 1 al 4 mantiene su valor.
<br /><br />
A continuación puedes ingresar un número decimal y comprobar el valor que te devuelve ...
<br /><br />
<input type="text" id="numero" value="1">
<input type="button" onclick="getRound()" value="Valor">
<div id="valor" style="font-size: 20px; color: orange;"></div>
</body>
</html>