使用Javascript输出HTML不会'；无法处理无序列表

我正在使用javascript将HTML添加到一个变量中，该变量被传递到一个DIV中：

var FN = 'options';
var gn = 'Bob';
var LN = 'Simpson';
var LN2 = 'Jetson';
var LN3 = 'Flintstone';
var formResult = document.getElementById("resultFinal");
var theEnd == 'yes';

Answer = "<p class='yes'>The following " + FN + " are available to the user: <ul><li>" + gn + " " + LN + "</li><li>" + gn + " " + LN2 + "</li><li>" + gn + " " + LN3 + "</li></ul><br>The following " + FN + " are available to the user: <ul><li>" + gn + " " + LN + "</li><li>" + gn + " " + LN2 + "</li><li>" + gn + " " + LN3 + "</li></ul></p>";
document.querySelector("#resultFinal").innerHTML+=Answer;

if (theEnd == 'yes') {              
    if (formResult.style.display == "none") {
        formResult.style.display = "block";
    } else {
        formResult.style.display = "none";
    }                   
}

<div id="resultFinal" style="display:none"></div>

var FN='options'；
var gn='Bob'；
var LN=‘辛普森’；
变量LN2='Jetson'；
变量LN3=‘燧石’；
var formResult=document.getElementById（“resultFinal”）；
var theEnd==‘是’；
Answer=“
以下“+FN+”可供用户使用：
“+gn+”+LN+”
“+gn+”+LN2+”
“+gn+”+LN3+”

以下“+FN+”可供用户使用：
“+gn+”+LN+”
“+gn+”+LN2+”
“+gn+”+LN3+”
；
document.querySelector（“#resultFinal”）.innerHTML+=答案；
如果（theEnd='yes'）{
if（formResult.style.display==“无”）{
formResult.style.display=“block”；
}否则{
formResult.style.display=“无”；
}                   
}

变量theEnd只是一个切换开关，它隐藏了包含变量Answer内容的DIV

回答的输出在浏览器中显示不正确

如果我这样做：

Answer = "<p class='yes'>The following " + FN + " are available to the user:<br>The following " + FN + " are available to the user:</p>";
document.querySelector("#resultFinal").innerHTML+=Answer;

Answer=“
以下“+FN+”可供用户使用：
以下“+FN+”可供用户使用：
”；
document.querySelector（“#resultFinal”）.innerHTML+=答案；

它正确显示为：

<p class='yes'>The following options are available to the user:<br>The following options are available to the user:</p>

以下选项可供用户使用：
以下选项可供用户使用：

但使用顶部显示的预期代码，我得到了以下结果：

<p class='yes'>The following options are available to the user:</p><ul><li>Bob Simpson</li><li>Bob Jetson</li><li>Bob Flintstone</li></ul><br>The following options are available to the user:<ul><li>Bob Simpson</li><li>Bob Jetson</li><li>Bob Flintstone</li></ul><p></p>

以下选项可供用户使用：
鲍勃·辛普森
鲍勃·杰特森
鲍勃·弗林斯通

以下选项可供用户使用：
鲍勃·辛普森
鲍勃·杰特森
鲍勃·弗林斯通

什么时候应该是这样：

<p class='yes'>The following options are available to the user:<ul><li>Bob Simpson</li><li>Bob Jetson</li><li>Bob Flintstone</li></ul><br>The following options are available to the user:<ul><li>Bob Simpson</li><li>Bob Jetson</li><li>Bob Flintstone</li></ul></p>

以下选项可供用户使用：
鲍勃·辛普森
鲍勃·杰森
鲍勃·弗林斯通

以下选项可供用户使用：
鲍勃·辛普森
鲍勃·杰森鲍勃·弗林斯通
鲍勃·弗林斯通

---

为什么会发生这种情况？我该如何修复它？

好吧，上面提到的代码对我来说绝对正常

而不是

var theEnd == 'yes';

我变了，就像：

var theEnd = 'yes';

删除双=仅使用1=

请尝试使用

而不是

，因为浏览器自动关闭并自动打开

缺少的开始或结束标记