如何在单击时启动此javascript代码

编辑：好吧，我解释得不好。我在HTML中添加了一个按钮。当您单击该按钮时，它会发出警报并要求用户输入问题和答案。但是…它不会将阵列推入卡本身

我已经拼凑了一个简单的javascript闪存卡程序。但它会在页面加载时立即启动。如何使其在单击单个

时启动？我尝试将整个代码封装在一个函数中，但是创建数组的用户输入并没有传递到FlashCard——我假设它们是独立的函数。我可能没解释清楚。但我希望整个程序只需点击一个按钮就可以运行。谢谢你的帮助

#flashcardFront{
边缘顶部：100px；
左边距：400px；
宽度：300px；
高度：50px；
背景色：黑色；
颜色：白色；
字体系列：arial；
字体大小：22px；
文本对齐：居中；
填充：50px0；
显示：块；
}
a:链接{
文字装饰：无；
}
#数{
颜色：红色；
位置：相对位置；
左：-120px；
顶部：30px；
}

按钮

var myArray=[]；
对于循环的（var i=0；i<2；i++）{/#
push（提示（'enterquestion'+（i+1））；//将值推入数组
push（提示（'enteranswer'+（i+1））；//将值推入数组
}
/*var myArray=[
“我叫什么名字？”，“啊，不。”，
‘我的年龄？’，‘A:酷孩子不会说。’，
“Q:最喜欢摇滚乐的人？”，“A:保罗·吉尔伯特”
];*/
var-myIndex=0；
函数renderQuestion（索引）{
//如果索引为偶数，则渲染编号
var str=myArray[索引]
如果（索引%2==0）{
str+='
'+（索引/2+1）+''
}
返回str
}
函数抽认卡（）{
var flashcardFront=document.getElementById（'flashcardFront'）；
flashcardFront.innerHTML=renderQuestion（myIndex）；
myIndex=（myIndex+1）%（myArray.length）；
}
抽认卡（）

我认为这里的问题是

myIndex

是一个全球性的索引。第一次运行

flashcards

时，它会将索引增加到数组的长度，因此下次运行时（在单击处理程序中），它已经位于数组的末尾。在

flashcards

的开头将其设置为0，我认为这里的问题是

myIndex

是一个全局索引。第一次运行

flashcards

时，它会将索引增加到数组的长度，因此下次运行时（在单击处理程序中），它已经位于数组的末尾。在

flashcards

的开头将其设置为0。在代码的末尾，调用

flashCard（）

javascript函数，这会导致页面在用户输入所有提示输入后立即加载第一个问题。删除它，您的应用程序就可以正常运行了

在代码末尾，调用

flashCard（）

javascript函数，这会导致页面在用户输入所有提示输入后立即加载第一个问题。删除它，您的应用程序就可以正常运行了

var问题与答案=[]；
var-myIndex=0；
函数showAllQuestionsAndAnswers（）{
对于（变量i=0；i
#flashcardFront{
边缘顶部：100px；
左边距：400px；
宽度：300px；
高度：50px；
背景色：黑色；
颜色：白色；
字体系列：arial；
字体大小：22px；
文本对齐：居中；
填充：50px0；
显示：块；
}
a:链接{
文字装饰：无；
}
#数{
颜色：红色；
位置：相对位置；
左：-120px；
顶部：30px；
}

按钮
开始比赛

var问题与答案=[]；
var-myIndex=0；
函数showAllQuestionsAndAnswers（）{
对于（变量i=0；i
<