如何在 div 中显示 javascript 列表中的所有项目？

Question

我正在 HTML 中开发虚拟操作系统。在这个操作系统中有一个程序叫做应用程序管理器。该程序的一部分是显示所有运行应用程序的列表。这是代码：

var x = activeApps
document.getElementById('openAppsList').innerHTML = x

问题是，当我这样做时，屏幕上显示的文本是这样的：

有什么方法可以让我在彼此下面显示项目，如下所示：

AppManager
Downloads
myPictures

我在本地 Apache 服务器上使用 vanilla JavaScript。

Answer 1

x = 'AppManager,Downloads,myPictures'
document.getElementById('openAppsList').innerHTML = x.replace(/\,/g, '<br/>');

<html>
<body><div id="openAppsList"></div>
</body>
</html>

How do I display all the items from a javascript list under each other in a div?