El Objeto Math

El objeto Math contiene propiedades y métodos que nos permito hacer cálculos matemáticos.

El Método Math.ceil()

El método Math.ceil() redondea un número con decimales al su valor superior que es un número entero.

    En el Código 94, las variables num1 y num2, sus valores son redondeados a su valor superior con método Math.ceil().

Descargar archivo codigo094.html 

Copiar enlace:

Pegar enlace en la url del explorador web y descarga el archivo:

Código 94: El Método Math.ceil()
<!-- Archivo: codigo094.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num1 = 0.90;
      var num2 = 21.30;
      // Redondear
      num1 = Math.ceil(num1);
      num2 = Math.ceil(num2);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML = num1 + "</br>" + num2;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo094.html

    En la Figura 95, las variables num1=0.90 y num2=21.30, al redondear a su valor superior son num1=1 y num2=22.  

Figura 95 – Vista en el explorador Web
Código 94: El Método Math.ceil()

El Método Math.floor()

El método Math.floor() redondea un número con decimales a su valor entero con decimal cero.

    En el Código 95, las variables num1 y num2, los decimales de sus valores se colocan en cero con el método Math.floor().


Código 95: El Método Math.floor()
<!-- Archivo: codigo095.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num1 = 0.90;
      var num2 = 21.30;
      // Redondear
      num1 = Math.floor(num1);
      num2 = Math.floor(num2);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML = num1 + "</br>" + num2;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo095.html

    En la Figura 96, las variables num1=0.90 y num2=21.30, al redondear a su valor superior son num1=0 y num2=21. 

Figura 96 – Vista en el explorador Web
Código 95: El Método Math.floor()

El Método Math.round()

El método Math.round() redondea un número con decimales.

    En el Código 96, la variable num1, su valor se rendondea a su superior y la variable num2, a su valor se le elimina sus decimales con el método Math.round().    


Código 96: El Método Math.round()
<!-- Archivo: codigo096.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num1 = 0.90;
      var num2 = 21.30;
      // Redondear
      num1 = Math.round(num1);
      num2 = Math.round(num2);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML = num1 + "</br>" + num2;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo096.html

    En la Figura 97, las variables num1=0.90 y num2=21.30 se redondea a su valor entero dependiendo del decimal que son num1=1 y num2=21.  

Figura 97 – Vista en el explorador Web
Código 96: El Método Math.round()

El Método Math.sqrt()

El método Math.sqrt() retorna la raíz cuadrada de un número.

    En el Código 97, las variables num1 y num2, a sus valores se le extrae la raíz cuadrada con el método Math.sqrt().


Código 97: El Método Math.sqrt()
<!-- Archivo: codigo097.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
    <!-- La etiqueta meta que da el formato en español -->
    <meta charset="UTF-8">
    <!-- Título en la pestaña del navegador -->
    <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num1 = 9;
      var num2 = 20;
      // Raíz cuadrada
      num1 = Math.sqrt(num1);
      num2 = Math.sqrt(num2);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML = num1 + "</br>" + num2;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo097.html

    En la Figura 98, las raíces cuadradas de num1=9 y num2=20 son num1=3 y num2=4.472135.  

Figura 98 – Vista en el explorador Web
Código 97: El Método Math.sqrt()

El Método Math.cbrt()

El método Math.cbrt() retorna la raíz cúbica de un número.

    En el Código 98, las variables num1 y num2, a sus valores se le extrae la raíz cúbica con el método Math.cbrt().


Código 98: El Método Math.cbrt()
<!-- Archivo: codigo098.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num1 = 8;
      var num2 = -27;
      // Raíz cúbica
      num1 = Math.cbrt(num1);
      num2 = Math.cbrt(num2);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML = num1 + "</br>" + num2;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo098.html

    En la Figura_99, las raíces cúbicas de num1=8 y num2=-27 son num1=2 y num2=-3.

Figura 99 – Vista en el explorador Web
Código 98: El Método Math.cbrt()

El Método Math.abs()

El método Math.abs() retorna el valor absoluto de un número.

    En el Código 99, las variables num1 y num2, a sus valores se le extrae el valor adsoluto, lo que está negativo lo pasa ha positivo con el método Math.abs().


Código 99: El Método Math.abs()
<!-- Archivo: codigo099.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
    <!-- La etiqueta meta que da el formato en español -->
    <meta charset="UTF-8">
    <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num1 = 8;
      var num2 = -8;
      // Valor absoluto
      num1 = Math.abs(num1);
      num2 = Math.abs(num2);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML = num1 + "</br>" + num2;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo099.html

    En la Figura_100, el valor absoluto de num1=8 y num2=-8 son num1=8 y num2=8.

Figura 100 – Vista en el explorador Web
Código 99: El Método Math.abs()

El Método Math.max()

El método Math.max() retorna el número mayor de varios valores.

    En el Código_100, las variables num1, num2 y num3, se le extrae el valor mayor con el método Math.max().


Código 100: El Método Math.max()
<!-- Archivo: codigo100.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num1 = 1;
      var num2 = 2;
      var num3 = 3;
      var num4 = -1;
      // Número mayor
      num_mayor = Math.max(num1,num2,num3,num4);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML = num_mayor;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo100.html

    En la Figura_101, el número mayor de num1=1, num2=2, num3=3 y num4=-1 es 3. 

Figura 101 – Vista en el explorador Web
Código 100: El Método Math.max()

El Método Math.min()

El método Math.min() retorna el número menor de varios valores.

    En el Código_101, las variables num1, num2, num3 y num4 se le extrae el valor menor con el método Math.min().


Código 101: El Método Math.min()
<!-- Archivo: codigo101html -->   
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
    <!-- La etiqueta meta que da el formato en español -->
    <meta charset="UTF-8">
    <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num1 = 1;
      var num2 = 2;
      var num3 = 3;
      var num4 = -1;
      // Número menor
      num_mayor = Math.min(num1,num2,num3,num4);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML = num_mayor;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo101html

    En la Figura_102, el número menor de num1=1, num2=2, num3=3 y num4=-1 es -1. 

Figura 102 – Vista en el explorador Web
Código 101: El Método Math.min()

El Método Math.pow()

El método Math.pow() retorna el valor de un número con su exponente.

    En el Código_102, la variable num con su exponente que es la variable exp y la variable resultado muestra el resultado de la operación. 


Código 102: El Método Math.pow()
<!-- Archivo: codigo102.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
    <!-- La etiqueta meta que da el formato en español -->
    <meta charset="UTF-8">
    <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Para mostrar los valores de las variables -->
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables con su valores
      var num = 2;
      var exp = 3;
      // Resultado
      resultado = Math.pow(num,exp);
      // Imprimir por pantalla
      document.getElementById("demo").innerHTML =  resultado;
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo102.html

    En la Figura_103, el valor del número num=2 y su exponente exp=3 es 8. 

Figura 103 – Vista en el explorador Web
Código 102: El Método Math.pow()

El Método Math.random()

El método Math.random() retorna el valor de un número aleatorio dentro de un rango de números.

    En el Código_103,  al hacer click en el botón que es la etiqueta <button>, invoca la función obtenerNumero(), la función obtenerNumero() devuelve un número aleatorio entre 1 y 10 con el método Math.random(), luego lo muestra en la etiqueta <p>.


Código 103: El Método Math.random()
<!-- Archivo: codigo103.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Mensaje -->
   <p>Número aleatorio entre 1 y 9</p>
    <!-- Obtener el número aleatorio -->
   <button onclick="obtenerNumero(1,10)">Generar</button>
   <p id="demo"></p>
   <!-- Códigos de JavaScript -->
   <script>
   // Función del número aleatorio
    function obtenerNumero(min,max) {
    var numero_aletaorio=Math.floor(Math.random()*(max-min))+min;
    // Imprimir por pantalla
document.getElementById("demo").innerHTML=numero_aletaorio;
      }
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo103.html

    En la Figura_104, si se presiona el botón Generar aparece el 7, que es un número aleatorio entre 1 y 9.  

Figura 104 – Vista en el explorador Web
Código 103: El Método Math.random()

Comentarios

Publicar un comentario

Entradas populares de este blog

Conceptos Básicos de JavaScript

Ing. Carlo Julio Castillo Vivas Programador JS, PHP y MySql Contenido Concepto JavaScript Herramientas Utilizadas La Carpeta js_ajax_jquery Escribiendo un Código en JavaScript Mostrar Mensaje con JavaScript Comentarios Variables Operadores Funciones Objetos Números Los Arreglos (Arrays) Los Eventos El Objeto Math Condicionales   Los Lazos El Intervalo de Tiempo   Expresiones Regular   Manejo de Errores    Modo Strict, var, let y const
Leer más