Javascript数组和函数

好的，下面是我的代码。我可以让它在有序列表中写出q，但我需要做的是填充最终用户为杂货店列表输入的值。然后，如您所知，我需要一个选项，供用户在完成输入项目/值时点击q或退出q。如果他们在为这个列表输入任何值之前点击quit，我需要一些标签来说“对不起，老兄，你的列表是空的。”有什么建议吗

document.write('<h1>My Grocery List</h1>');

var groceries = getGroceries();
printGroceries(groceries);

function getGroceries() {
 var canExit = false;
 var items = (prompt);

do {
items = prompt("Enter an item to add to the grocery list (enter \‘q\’ to quit):");
} while (items != 'q' && items != 'Q') 


        canExit = true;

return items;
}

function printGroceries(groceryItems) {
var groceryitems = i;
var msg = '';
msg += '<ol>';

for(var i = 0; i < groceryItems.length; i++) {
msg += '<li>' + groceryItems[i] + '</li>';
}

document.write('<p>Here\'s your grocery list:</p>' + msg + '</li>');

    }

document.write（“我的购物清单”）；
var groceries=getGroceries（）；
印刷品杂货（杂货）；
函数getGroceries（）{
var canExit=false；
var项目=（提示）；
做{
items=提示符（“输入要添加到杂货店列表的项目（输入'q\'退出）：”；
}而（项目！='q'&&items！='q'）
canExit=true；
退货项目；
}
功能印刷杂货（杂货项目）{
var groceryitems=i；
var msg=''；
味精+=''；
对于（变量i=0；i'；
}
文档。写下（“这是你的购物清单：
”+msg+“”）；
}

这是我为你做的一把小提琴，它可以做你想做的事

主要的变化是每个项目有一个变量，数组有一个变量

如果您想根据下面的注释将其直接打印到页面上，代码如下所示：

var groceries = getGroceries();
printGroceries(groceries);

function getGroceries() {
    var canExit = false;
    var items = [];
    var item = null;

    do {
        if (item !== null)
            items.push(item)
        item = prompt("Enter an item to add to the grocery list (enter \‘q\’ to quit):");
    } while (item != 'q' && item != 'Q') 

    canExit = true;
    return items;
}

function printGroceries(groceryItems) {
    var msg = '';

    if (groceryItems.length > 0)
        for(var i = 0; i < groceryItems.length; i++)
            msg += '<p>' + groceryItems[i] + '</p>';
    else
        msg = '<p>Sorry dude, your list is empty!</p>';

    document.getElementsByTagName('body')[0].innerHTML = '<h1>My Grocery List</h1><p>Here\'s your grocery list:</p>' + msg;
}

var groceries=getGroceries（）；
印刷品杂货（杂货）；
函数getGroceries（）{
var canExit=false；
var项目=[]；
var项=null；
做{
如果（项！==null）
项目。推送（项目）
item=提示符（“输入要添加到杂货店列表的项目（输入'q\'退出）：”；
}而（项目！='q'&项目！='q'）
canExit=true；
退货项目；
}
功能印刷杂货（杂货项目）{
var msg=''；
如果（groceryItems.length>0）
对于（变量i=0；i'；
其他的
msg='对不起，伙计，你的名单是空的！
；
document.getElementsByTagName（'body'）[0].innerHTML='My杂货店列表这是您的杂货店列表：
'+msg；
}

我似乎错过了一个问题？或者我们应该先调试，看看哪里出了问题？还是有什么建议，问题？我的问题是如何让用户的信息，如牛奶、奶酪、肉类、啤酒等，来填充，而不仅仅是1。如果他们点击了q或q，那么我如何让它回复说对不起，老兄，你的列表是空的？它弹出了一个提示框，要求输入一个项目，但仅此而已。输入的项目、q/q和nothingok它在你的链接上起作用，但我如何才能在外部js文件上获得所有这些？你可以将左下面板中的js代码复制并粘贴到你的.js文件中，一旦你在HTML页面上添加链接，它就会运行。在你的HTML页面上，你需要一个id为“杂货店列表”的元素，就像我在左上角的一个段落标签上做的那样。Delorian，我不能在HTML上有任何东西，只有js页面。那么我将如何实现这一点呢？这是我的html和它应该是什么样子的杂货清单