Как применить цвета к console.log при использовании нескольких аргументов?

Question

Я пытаюсь стилизовать вывод моего console.log(), чтобы выделить ошибки моего приложения.

Пока это работает:

console.log('%cHello World', 'background: #222; color: #bada55');

Но это не так:

var text = "Hello World";
var style = "background: #222; color: #bada55";
console.log('%c', text, style);

Он просто возвращает background: #222; color: #bada55.Чего мне не хватает?

Answer 1

Вы добавляете text в первый аргумент после %c, используя литералы шаблона

var text = "Hello World";
var style = "background: #222; color: #bada55";
console.log(`%c${text}`, style);

Без строк шаблона это будет

var text = "Hello World";
var style = "background: #222; color: #bada55";
console.log('%c' + text, style);