JavaScript_Vanilla/01_console.js at main · jcomte23/JavaScript_Vanilla · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
const mensaje = "Hola mundo"

// ##############################
// MOSTRAR INFORMACION EN CONSOLA
// ##############################

console.log(`console.log= ${mensaje}`);
console.log(`%cconsole.log con estilos= ${mensaje}`, "background-color: #D9CEFF; border-radius: 50px; font-weight: bold; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px;");
console.info(`console.info= ${mensaje}`);
console.warn(`console.warn= ${mensaje}`);
console.error(`console.error= ${mensaje}`);
console.debug(`console.debug= ${mensaje}`);

// Mostrar informacion en consola pero agrupada
console.group()
console.log("item 1");
console.log("item 2");
console.groupEnd()

console.group()
console.log("item 3");
console.log("item 4");
console.groupEnd()

// Mostrar informacion en consola pero en tablas
console.table([{
    "nombre": "Lucas",
    "ciudad": "medellin"
},
{
    "nombre": "Mario",
    "ciudad": "medellin"
},
{
    "nombre": "Paola",
    "ciudad": "medellin"
},
])

console.table([true, "uno", 2, "tres", 4, "cinco", false])