¿Cómo agregar caracteres especiales al texto para imprimir en color en la consola en JavaScript?

El propósito de este artículo es agregar caracteres especiales al texto para imprimir en color en la consola en JavaScript.

Enfoque: los códigos de escape ANSI ayudan a cambiar/especificar el color de la salida en la consola. El color de la salida de la consola se puede cambiar agregando estos códigos de escape justo antes del texto real. 

Sintaxis: 

/*Codes for different Colors*/
black = "\x1b[30m"
red = "\x1b[31m"
green = "\x1b[32m"
yellow = "\x1b[33m"
blue = "\x1b[34m"
magenta = "\x1b[35m"
cyan = "\x1b[36m"
white = "\x1b[37m"

Ejemplo : 

Javascript

<script>
  console.log("\x1b[31m"+ "Red");
  console.log("\x1b[32m"+ "Green");
  console.log("\x1b[35m"+ "Magenta");
</script>

Producción:

Nota: La tarea anterior se puede simplificar agregando una función auxiliar personalizada en el script que se puede invocar con el color y los datos que se mostrarán en la consola.

Ejemplo: El siguiente es el código JavaScript para realizar la tarea usando una función auxiliar personalizada.

Javascript

<script>
function colorHelper(color,data)
{  
  
   /* function receives 2 arguments color and data*/
   const black = "\x1b[30m";  
   const red = "\x1b[31m";
   const green = "\x1b[32m";
   const yellow = "\x1b[33m";
   const blue = "\x1b[34m";
   const magenta = "\x1b[35m";
   const cyan = "\x1b[36m";
   const white = "\x1b[37m";
   const arr=[];
  
   /* Storing the color codes in Array */
   arr[0] = black;  
   arr[1] = red;
   arr[2] = green;
   arr[3] = yellow;
   arr[4] = blue;
   arr[5] = magenta;
   arr[6] = cyan;
   arr[7] = white;
   console.log(arr[color]+data);
}
  
/* colorHelper function called with color and data */
colorHelper(1,"I am Red");  
colorHelper(2,"I am Green");
colorHelper(5,"I am Magenta");
</script>

Producción: 

Publicación traducida automáticamente

Artículo escrito por anshubajaj911 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *