//example 1: (Default "STOP" you see when opening the console)
console.log( "%cStop!", "color:red;font-family:system-ui;font-size:4rem;-webkit-text-stroke: 1px black;font-weight:bold" );
//example 2:
console.log("%c" + someVariable, 'color:blue;border:2px solid red');
//example 3:
console.log("%cWord 1 %cWord2 ", 'color:red;border:2px solid blue;background:green','color:blue;border:2px solid red');

 console.log("%cThis is a %cConsole.log", "background:black ; color: white", "color: red; font-size:25px");

console.log("%cThis is a green text", "color:green");

console.log( '%cHello World!', 'color: #f709bb; font-family: sans-serif; text-decoration: underline;'
);

{"tags":[{"tag":"p","content":"Use the following format specifiers to format your console logs"},{"tag":"textarea","content":"console.log(\n \t\"%cThis is a formatted string\",\n \t\"color:yellowgreen; font-size:2rem;\");\n\n// Specifier Output\n// %s\t Formats the value as a string.\n// %i or %d Formats the value as an integer.\n// %f\t Formats the value as a floating point value.\n// %o\t Formats the value as an expandable DOM element. As seen in the Elements panel.\n// %O\t Formats the value as an expandable JavaScript object.\n// %c\t Applies CSS style rules to the output string as specified by the second parameter.","code_language":"javascript"},{"tag":"p","content":"<a target=\"_blank\" href=\"https://www.howtogeek.com/devops/ways-to-format-console-output-in-javascript#format-specifiers</p>\">https://www.howtogeek.com/devops/ways-to-format-console-output-in-javascript#format-specifiers</a>"}]}