Javascript 输出的格式不正确？

我的代码：

document.write('<ul>');
document.write('<li><font color="green">intellectual:</font></li>' + bioEnergy);
document.write('<li><font color="red">emotional:</font></li>' + bioEmot);
document.write('<li><font color="blue">physical: </font></li>' + bioPhy);
document.write('</ul>');

intellectual:

0.8

emotional:

0.0

physical:

0.0     

intellectual: 0.8

emotional: 0.0

physical: 0.0  

---

我需要的是它的格式如下：

intelligent:0.8

等。我不确定如何设置HTML的样式以使其正常工作。

您的意思是：

document.write('<li><font color="green">intellectual:</font> ' +  bioEnergy + '</li>');
document.write('<li><font color="red">emotional: </font> ' + bioEmot + '</li>');
document.write('<li><font color="blue">physical: </font> ' + bioPhy + '</li>');

---

在您写完整行之前，您将关闭您的

标记。非常感谢。是的，这就是我需要的。我已经试过了，但是我没有把+放在bioEnergy后面，因为它是错误的@如果你已经得到了想要的答案，请考虑接受它。