Console.log CSS стиль в шаблонных литералах

Question

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

Поскольку я новичок в программировании, я пытаюсь научиться использовать шаблонные литералы в любое время console.log сообщение.

Если бы я вернулся к кавычкам и конкатенации, я мог бы оформить свои сообщения console.log следующим образом: console.log('%c some message' + someVar, 'color: red')

Как я могу стилизовать мои сообщения console.log с помощью шаблонных литералов?

Answer 1

Вы можете использовать этот тип форматирования.

console.log(`%c ${message} ${someVar}`, `color:${color}`)

Работает как чудо.

Answer 2

Вы можете использовать шаблонный литерал для первого аргумента в console.log вместо конкатенации.

console.log(`%c some message ${someVar}`, 'color: red')

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