Javascript 更改元素样式中数字的值

朋友们，我想用JavaScript代码更改红色填充百分比， 例如，我希望红色填充到输入1中给定的百分比。 我有一个不工作的代码，我不知道如何解决这个问题

函数更改（）{
var test=document.getElementById（“in1”）.value；
document.getElementById（“in1”）.style=“高度：8px；背景：线性渐变（向左，红色测试%，#e0 0%）右下/200%100%；宽度：50%；浮动：左；”
警报（测试）
}

输入1:%

我对您的代码做了一些小修改。看一看。有一个错误，就是你选错了元素。如果要在字符串中使用变量

let test = `some string ${value} rest string`

函数更改（）{
var test=document.getElementById（“in1”）.value；
var t=`高度：8px；背景：线性梯度（向左，红色${test}%，#e0 0%）右下/200%100%；宽度：50%；浮动：左；`；
document.getElementById（“左我”）.style=t
}

输入1:%

我对您的代码做了一些小修改。看一看。有一个错误，就是你选错了元素。如果要在字符串中使用变量

let test = `some string ${value} rest string`

函数更改（）{
var test=document.getElementById（“in1”）.value；
var t=`高度：8px；背景：线性梯度（向左，红色${test}%，#e0 0%）右下/200%100%；宽度：50%；浮动：左；`；
document.getElementById（“左我”）.style=t
}

输入1：%%

测试
内部
“
被视为文字字符串。它没有使用变量。要使用该变量，您必须使用串联，或者切换到模板文字并使用插值。是。它工作…
test
内部
“
被视为一个文本字符串。它没有使用变量。要使用该变量，您必须使用串联，或者切换到模板文字并使用插值。是。它起作用了。。。