Imprimir en consola en JavaScript

Sahil Bhosale 30 enero 2023
  1. Imprimir en la consola con el método console.log() en JavaScript
  2. Imprimir en la consola con el método console.warn() en JavaScript
  3. Imprimir en la consola con el método console.error() en JavaScript
  4. Imprimir en la consola con el método console.info() en JavaScript
Imprimir en consola en JavaScript

Como programador, siempre tienes que escribir un código que funcione y que tenga menos errores. Pero el proceso de encontrar errores y comprender cómo se ejecuta el código es complicado cuando tienes que trabajar con n líneas de códigos. Entonces, para facilitar este proceso, podemos usar algo llamado consola. Una consola es una ventana que se utiliza para imprimir o mostrar la salida del programa y también se utiliza para realizar pruebas. Todos los navegadores modernos son compatibles con la consola. Puede abrir la ventana de la consola del navegador dirigiéndose a la sección Herramientas de desarrollo.

Existen varios métodos proporcionados por el lenguaje de programación JavaScript que se pueden utilizar para imprimir un mensaje de salida en la consola. Se puede acceder a todos estos métodos con la ayuda del objeto consola. Cada método tiene su propio propósito y se puede utilizar según sus requisitos. A continuación se muestran algunos de los métodos de consola que muchos desarrolladores utilizan ampliamente.

  1. console.log()
  2. console.warn()
  3. console.error()
  4. console.info()

Entendamos cómo usar cada uno de estos métodos para imprimir el mensaje en la consola en detalle. Asegúrese de tener la ventana de la consola abierta (si no es así, presione presiona F12 o vaya a Herramientas de desarrollo) para que pueda ver el resultado de los siguientes programas.

Imprimir en la consola con el método console.log() en JavaScript

Es el método de consola más popular y ampliamente utilizado en JavaScript. Este método se usa comúnmente para imprimir varios mensajes o resultados de cálculos en la consola o incluso mientras se depura el código.

Ha escrito un código que suma dos números y ahora desea mostrar el resultado de esta operación en la ventana de la consola; en este caso, puede utilizar el método console.log().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var num_1 = 2, num_2 = 3;
        console.log(num_1 + num_2);
    </script>
    
  </body>
</html>

Así es como se verá en la ventana de la consola.

JavaScript console.log

Imprimir en la consola con el método console.warn() en JavaScript

Si desea imprimir advertencias en la consola, entonces puede usar este método. Puede haber casos en los que desee que el usuario haga algo en particular; luego, puede usar el método console.warn(). Por ejemplo, está creando una aplicación donde rastrea el peso del usuario. Si el peso del usuario aumenta más allá de 100, entonces mostrará una advertencia en la consola mostrando que Do exercise and be healthy usando el método console.warn().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var weight = Math.random() * (110-95) + 95;
        
        if(Math.floor(weight) < 100){
            console.warn("Do exercise and be healthy");
        }
    </script>
    
  </body>
</html>

La salida del código anterior:

Console.warning de JavaScript

Imprimir en la consola con el método console.error() en JavaScript

Siempre que desee lanzar algún error a la consola, puede utilizar el método console.error(). Por ejemplo, escribe un código que genera un número aleatorio entre 0 y 5. Ahora aquí quieres lanzar un mensaje de error a la consola cuando el número aleatorio generado es igual a cero, entonces puedes usar el método console.error().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var min =0, max = 5;
        var num = Math.random() * (max - min) + min;

        if(Math.floor(num) === 0){
            console.error("We don't accept zeros...");
        }
    </script>
    
  </body>
</html>

Si ejecuta el código anterior, verá una salida en la ventana de la consola.

Console.error de JavaScript

Imprimir en la consola con el método console.info() en JavaScript

Se utiliza para mostrar el mensaje informativo en la ventana de la consola. Si está creando una aplicación web que proporciona actualizaciones meteorológicas al usuario y ofrece algunas sugerencias o información útiles basadas en el tiempo actual. Este tipo de sugerencias se pueden mostrar en la ventana de la consola como un mensaje informativo utilizando el método console.info().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        console.info("The weather looks rainy today, you should take an umbrella with you.");
    </script>
    
  </body>
</html>

El código anterior mostrará el mensaje informativo The weather looks rainy today, you should take an umbrella with you. como salida a la consola.

JavaScript console.info

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn