How to write this sentence correct JS

Question

I have 2 variables and i need to make this as a color. For example:

table1.style.cssText = "color: textcolor; background-color: bgcolor; "

where bgcolor and textcolor - variables with color value (red/black for example)

[How to change CSS property using JavaScript](https://stackoverflow.com/q/15241915) — VLAZ, May 12 '22 at 17:55

score 2 · Accepted Answer · answered May 12 '22 at 17:29

2

Use a template literal.

table1.style.cssText = `color: ${textcolor}; background-color: ${bgcolor}; "

answered May 12 '22 at 17:29

Barmar

score 1 · Answer 2 · answered May 12 '22 at 17:29

You can inject variables into a string using a template literal string:

const textColor = 'white';
const bgColor = 'black';

table1.style.cssText = `color: ${textColor}; background-color: ${bgColor};`;

Demo:

const msg = 'hello';
const msg2 = 'world';

console.log(`${msg} ${msg2}!!!`);

score 1 · Answer 3 · answered May 12 '22 at 17:43

1

You could also assign the values manually:

const textColor = 'white';
const bgColor = 'black';

table1.style.color = textColor;
table1.style.backgroundColor = bgColor;

answered May 12 '22 at 17:43

code

3 Answers3