如何将一些HTML/文本添加到Javascript文本输出中？我似乎只能做JS或者只做文本，而不是两者兼而有之

我目前正试图用JS和HTML设计一个滚动命令提示符。不幸的是，我无法找到在同一行上输出文本和JavaScript变量的方法。我觉得我已经试过无数次了

var textarea=$（'.term'）；
无功转速=50//写入速度（毫秒）
var text='TEST'；
var java='282828'
var i=0；
跑步者（）；
函数runner（）{
textarea.append（text.charAt（i））；
i++；
设置超时(
函数（）{
如果（i”）
i=0；
setTimeout（函数（）{feedbacker（）；}，1000）；
}
}，Math.floor（Math.random（）*220）+50）；
}
var计数=0；
var时间=5；
函数反馈器（）{
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
如果（时间%10==0）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
如果（时间=3）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
scrollTo（0，document.body.scrollHeight）；
i++；
时间=Math.floor（Math.random（）*1000）+1000；
计数+=时间；
设置超时(
函数（）{
如果（i初始化…
”）；
setTimeout（function（）{$（“.load”）.fadeOut（1000）；}，1000000）；
}
}，时间）；
}
变量输出=[
“以下是增值税测试”，
“数字”（java），
“你好”，
（爪哇），
“以上是一个测试”，
“初始化…”，
""];
html，
身体{
保证金：0自动；
身高：100%；
}
前{
填充：0；
保证金：0；
}
.装载{
保证金：0自动；
最小高度：100%；
宽度：100%；
背景：黑色；
}
.术语{
字体系列：monospace；
颜色：#fff；
不透明度：0.8；
字号：2em；
溢出y：自动；
溢出x：隐藏；
填充顶部：10px；
左侧填充：20px；
}
.任期：以后{
内容:""；
不透明度：1；
动画：光标1s无穷大；
}
@关键帧光标{
0% {
不透明度：0；
}
40% {
不透明度：0；
}
50% {
不透明度：1；
}
90% {
不透明度：1；
}
100% {
不透明度：0；
}
}

开发人员：~$
只需使用连接（
+
）将JavaScript变量附加到静态内容


var textarea=$（'.term'）；
无功转速=50//写入速度（毫秒）
var text='TEST'；
var java='282828'
var i=0；
跑步者（）；
函数runner（）{
textarea.append（text.charAt（i））；
i++；
设置超时(
函数（）{
如果（i”）
i=0；
setTimeout（函数（）{feedbacker（）；}，1000）；
}
}，Math.floor（Math.random（）*220）+50）；
}
var计数=0；
var时间=5；
函数反馈器（）{
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
如果（时间%10==0）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
如果（时间=3）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
scrollTo（0，document.body.scrollHeight）；
i++；
时间=Math.floor（Math.random（）*1000）+1000；
计数+=时间；
设置超时(
函数（）{
如果（i初始化…
”）；
setTimeout（function（）{$（“.load”）.fadeOut（1000）；}，1000000）；
}
}，时间）；
}
变量输出=[
“以下是增值税测试”，
“编号（“+java+”），
“你好”，
“（“+java+”）”，
“以上是一个测试”，
“初始化…”，
""];
html，
身体{
保证金：0自动；
身高：100%；
}
前{
填充：0；
保证金：0；
}
.装载{
保证金：0自动；
最小高度：100%；
宽度：100%；
背景：黑色；
}
.术语{
字体系列：monospace；
颜色：#fff；
不透明度：0.8；
字号：2em；
溢出y：自动；
溢出x：隐藏；
填充顶部：10px；
左侧填充：20px；
}
.任期：以后{
内容:""；
不透明度：1；
动画：光标1s无穷大；
}
@关键帧光标{
0% {
不透明度：0；
}
40% {
不透明度：0；
}
50% {
不透明度：1；
}
90% {
不透明度：1；
}
100% {
不透明度：0；
}
}

开发人员：~$
只需使用连接（
+
）将JavaScript变量附加到静态内容


var textarea=$（'.term'）；
无功转速=50//写入速度（毫秒）
var text='TEST'；
var java='282828'
var i=0；
跑步者（）；
函数runner（）{
textarea.append（text.charAt（i））；
i++；
设置超时(
函数（）{
如果（i”）
i=0；
setTimeout（函数（）{feedbacker（）；}，1000）；
}
}，Math.floor（Math.random（）*220）+50）；
}
var计数=0；
var时间=5；
函数反馈器（）{
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
如果（时间%10==0）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
如果（时间=3）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
scrollTo（0，document.body.scrollHeight）；
i++；
时间=Math.floor（Math.random（）*1000）+1000；
计数+=时间；
设置超时(
函数（）{
如果（i初始化…
”）；
setTimeout（function（）{$（“.load”）.fadeOut（1000）；}，1000000）；
var output = [
"Below is a vat test",
"number" (java),
"Hello",
(java),
"Above is a test",
"Initialising...", 
  ""];

    var output = [
    "Below is a vat test",
    `number ${java}`,
    "Hello",
    java,
    "Above is a test",
    "Initialising...", 
      ""];