Для чего нужны "+" с двух сторон и кавычки? color = 'hsl(' + hue + ', ' + saturation + '%, ' + lightness + '%)';

Никак не могу разобраться в приведении. Нужно было менять hsl, но когда узнал, что нужно писать вот так color = 'hsl(' + hue + ', ' + saturation + '%, ' + lightness + '%)';, то не понял зачем тут везде по два знака "+", и кавычки. Вот пример части кода:

if (players[i] === 'Вы') {
  ctx.fillStyle = 'rgba(255, 0, 0, 1)';
} else {
  var hue = '240';
  var saturation = Math.floor(Math.random() * 100);
  var lightness = '50';
  var color = 'hsl(' + hue + ', ' + saturation + '%, ' + lightness + '%)';
  ctx.fillStyle = color;
}

Может кто то дать ссылку на статью или рассказать почему нужно писать именно так? Только начинаю знакомство с js


Ответы (1 шт):

Автор решения: Igor

var hue = '240';
var saturation = Math.floor(Math.random() * 100);
var lightness = '50';
var color = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
console.log(color);

→ Ссылка