Javascript:通过内部的onclick返回函数增加循环索引

Javascript:通过内部的onclick返回函数增加循环索引,javascript,loops,onclick,Javascript,Loops,Onclick,我是javascript新手,我对这个用例感到迷茫:我有一个函数: function1 (trialNumber, next2Pictures){ 1- Display 2 pictures // 2- When a user clicks on one of the pictures 2-1 write you clicked on picture 1(or 2) 2-2 increment trialNumber 2-3 choose new 2pictues 2-4 Return [

我是javascript新手,我对这个用例感到迷茫:我有一个函数:

function1 (trialNumber, next2Pictures){
1- Display 2 pictures 

// 2- When a user clicks on one of the pictures
2-1 write you clicked on picture 1(or 2) 
2-2 increment trialNumber
2-3 choose new 2pictues
2-4 Return [newTrialNumber, new2Pictures]

 }
我有一个函数2,它调用函数1,只要trialNumber不超过TotalTrialNumber。我有这个实现

function2() {
// 1- instantiate trialNumber and  next2Pictures
 // 2- loop
while(trialNumber < totalTrialsNumber) {
[trialNumber, next2Pictures]= function1 (trialNumber, next2Pictures)
console.log("trialNumber incremented properly")
}
}
function2(){
//1-实例化trialNumber和Next2图片
//二回路
while(trialNumber

问题是我不知道如何正确地从函数1返回可以在函数2的while循环中使用的值。我只需要在用户单击图片时增加trialNumber。我在网上查了一些答案,但还是弄不明白

看看这个,因为javascript是单线程的,在while循环中等待返回值可能会导致浏览器冻结。在图像
onclick
event@xxMrPHDxx“事件侦听器”如何帮助我解决当前问题?请将计数器移动到全局范围,并使用
addEventListener('单击',函数(事件){/*您的逻辑在这里*/})
为每个图像事件侦听器分配。祝你好运