Javascript 如何从报价生成器中获取多个报价？

有人能看一下我的报价生成器并为我指出正确的方向吗？当我在JS-Bin中开发它并将输出放入控制台日志时，它工作得很好——当你要求5个引号时，你会得到5个引号，等等，但现在我将它放入html页面，无论用户选择多少引号，我只得到1个引号。谢谢

var generatorA={
【大灰狼】、【小红帽】、【皮诺乔】、【三只小猪】，
“白马王子”、“姜饼人”、“三只瞎老鼠”，
《睡美人》、《长发公主》、《七个小矮人》、《公主》
],
quoteB:[“亲吻”、“施咒”、“游泳”、“飞翔”、“吹口哨”、“唱歌”、“爬”、“喊”、“睡”、“吃”、“跑”、“施魔法”]，
[在塔中]，“穿过森林”，“在河上”，
“在城堡上”、“在钟上”、“在花园里”
]
};
变量生成器={
quoteA:[《德古拉》，《幽灵》，《弗兰肯斯坦》，《老巫婆》，《狼人》，《木乃伊》，《僵尸》，《人鱼》，《吸血鬼蝙蝠》，《恶魔》，《骷髅》，]，
quoteB:[“嚎叫”、“咯咯笑”、“飞”、“施咒语”、“爬”、“喊”、“尖叫”、“害怕”、“滑倒”、“牺牲”]，
【在墓地里】、【在鬼屋里】、【在山洞里】，
“城堡上”、“时钟上”、“花园里”、“荒野上”
]
};
变量字典={
a:generatorA，
b:发电机
};
函数randQuote（）{
var n=document.getElementById（“userInput”）.value；
对于（变量i=0；i
@关键帧示例{
从{
背景颜色：灰色；
}
到{
背景色：黑色；
}
}
P
h1{
字体系列：“Lucida Sans Unicode”，“Lucida Grande”，无衬线；
}
.点击{
颜色：白色；
显示：内联块；
填充物：5px；
利润率：10px；
溢出：自动；
线高：1px；
背景颜色：灰色；
动画名称：示例；
动画持续时间：4s；
动画迭代次数：无限；
动画方向：交替；
}

随机报价生成器
请选择报价生成器。童话/童谣选择“a”，恐怖角色选择“b”

>
A.
B
你想要多少报价？你最多可以有五个

报价数量？：

就像Patrick在评论中提到的那样，返回值在循环内。。。应该在外面。此外，还应在外部定义
quote
变量，然后在循环中附加每个quote。。。或者至少这是一种方法


var generatorA={
【大灰狼】、‘小红帽’、‘皮诺乔’、‘三只小猪’，
“白马王子”、“姜饼人”、“三只瞎老鼠”，
“睡美人”、“长发公主”、“七个小矮人”、“公主”]，
quoteB:[“亲吻”，“施咒”，“游泳”，“飞行”，“吹口哨”，“唱歌”，“爬”，“喊”，“睡”，“吃”，“跑”，“施魔法]，
[在塔中]，“穿过森林”，“在河上”，
“上城堡”、“上时钟”、“花园里”]}；
变量生成器={
quoteA:[《德古拉》，《幽灵》，《弗兰肯斯坦》，《被砍倒的老巫婆》，《狼人》，《木乃伊》，《僵尸》，《人鱼》，《吸血鬼蝙蝠》，《恶魔》，《骷髅》，]，
quoteB:[“嚎叫”、“咯咯笑”、“飞”、“施咒语”、“爬”、“喊”、“尖叫”、“害怕”、“滑倒”、“牺牲”]，
【在墓地里】、‘在鬼屋里’、‘在山洞里’，
《上城堡》，《上钟》，《花园里》，《荒原上》）；
变量字典={
a:generatorA，
b:发电机
};
函数randQuote（）{
var n=document.getElementById（“userInput”）.value；
var报价=“”；
对于（变量i=0；i
@关键帧示例{
来自{背景色：灰色；}
至{背景色：黑色；}
}
p、 h1{
字体系列：“Lucida Sans Unicode”，“Lucida Grande”，无衬线；
}
.点击{
颜色：白色；
显示：内联块；
填充物：5px；
利润率：10px；
溢出：自动；
线高：1px；
背景颜色：灰色；
动画名称：示例；
动画持续时间：4s；
动画迭代次数：无限；
动画方向：交替；
}

随机报价生成器
请选择报价生成器。童话/童谣选择“a”，恐怖角色选择“b”

>
A.
B
你想要多少报价？你最多可以有五个

报价数量？：

for
循环的
结尾处返回报价
。感谢您的帮助！这非常有用-我现在只需要改进引号输出的外观。