Javascript 有没有办法将线性梯度与HSLA一起使用？

我试图根据公式和HSLA设置背景色，但我想将其用作线性渐变。这就是我的背景色，但最后一个else if语句不返回颜色

if (oneCallDataFromApi && oneCallDataFromApi.current.temp) {
    if (kelvinToCelcius(oneCallDataFromApi.current.temp) >= 10) {
      var lightness = (100 - (kelvinToCelcius(oneCallDataFromApi.current.temp))); 
      document.body.style.backgroundColor = `hsla(20,100%,${lightness}%,0.9)`;
    } else if (kelvinToCelcius(oneCallDataFromApi.current.temp) < 10) {
      lightness = (50 + (kelvinToCelcius(oneCallDataFromApi.current.temp)));
      document.body.style.backgroundColor = `linear-gradient(179.31deg, 180,50%,${lightness}%) 9.28%, #F4AC4E 167.45%)`;
    }

if（oneCallDataFromApi&&oneCallDataFromApi.current.temp）{
如果（kelvinToCelcius（oneCallDataFromApi.current.temp）>=10）{
var亮度=（100-（kelvinToCelcius（oneCallDataFromApi.current.temp））；
document.body.style.backgroundColor=`hsla（20100%，${lightness}%，0.9）`；
}否则如果（kelvinToCelcius（oneCallDataFromApi.current.temp）<10）{
亮度=（50+（kelvinToCelcius（oneCallDataFromApi.current.temp））；
document.body.style.backgroundColor=`线性梯度（179.31度，180,50%，亮度}%）9.28%，#F4AC4E 167.45%）`；
}

编辑：

---

通过将“document.body.style.backgroundColor”改为简单的“document.body.style.backgroundColor”对我来说很有效lol

会更容易，而且我的意思是，如果你使用css渐变而不是javascript渐变工具或其他工具，那么会更容易

比如像这样酷的东西

html{
背景：rgb（2,0,36）；
背景：线性梯度（90度，rgba（2,0,36,1）1%，rgba（9121114,1）31%，rgba（0212255,1）63%）；
}
p{
颜色：白色；
}

你好，我是罗琳

将“document.body.style.backgroundColor”更改为“document.body.style.backgroundColor”为我工作lol

总有一些陌生人，他们可能制作了一个网站工具，让css开发在it工作中减少90%的时间。我想问题是我根据一个变量改变它，所以我想让颜色基本上随着温度的升高而变暗，但我仍然想对颜色使用线性渐变回答你自己的问题