Javascript数组和函数

Javascript arrays and functions

本文关键字:函数 数组 Javascript      更新时间:2023-09-26

好的,下面是我的代码。我可以让它在有序列表中写出q,但我需要做的是填充最终用户为杂货清单输入的值。然后,正如你所读到的,我需要一个选项,让用户在输入完项目/值后点击q或q退出。如果他们在为这个列表输入任何值之前点击了退出,我需要一些

标签来说"对不起,伙计,你的列表是空的。"有什么建议吗?

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>');
    }

这是我为你做的一把小提琴,它应该做你想做的事。

http://jsfiddle.net/Delorian/un9ph61m/

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

如果你想根据下面的评论直接打印到页面上,代码如下:

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;
}