Javascript 循环各轮，同时在每轮后调用新的用户选择

我正在做一个石头剪刀布游戏，我被困在一个新的概念。我希望用户通过文本框选择他们想要的轮数。每次用户单击特定图像（石头、布或剪刀）时，计算机将随机编译，这将为计算机选择图像。用户和计算机选择的图像将以红色和蓝色方框显示在页面中心。我希望这是一个循环，直到所有回合都完成，然后决定最终的赢家。我不知道如何对函数进行循环调用，让用户选择图像，直到cpu或用户获胜。我所要寻找的只是一点指导，告诉我为什么我不知道如何调用用户选择，然后选择一个用户选择，并重复这个过程直到完成

函数startName（）{
document.getElementById（“gameInfo”）.style.display=“contents”；
}
函数clearGame（）{
document.getElementById（“gameInfo”）.style.display=“无”；
document.getElementById（“cpu”）.src=“”；
document.getElementById（“用户”）.src=“”；
document.getElementById（“获胜者”）.innerHTML=“”；
document.getElementById（“userDisplay”）.innerHTML=“”；
document.getElementById（“用户名”）.value=“”；
}
函数displayName（）{
var txtName=document.getElementById（“用户名”）.value；
document.getElementById（“userDisplay”）.innerHTML=txtName；
}
/*函数轮号（输入）{
var total=document.getElementById（“roundChoice”）.value；
//compSelection（总值）；
控制台日志（总计）；
}*/
函数userPick（输入）{
document.getElementById（“用户”）.src=input.src；
轮号（input.id）；
console.log（input.id）；
}
函数轮号（uInput）{
总风险价值；
var元素=document.getElementById（“roundChoice”）.value；
if（元素！=null）{
总计=元素值；
document.getElementById（“roundChoice”）.value=“让我们开始”；
}否则{
document.getElementById（“roundChoice”）.value=“输入轮数！！！”；
}
对于（var i=0；i
CPU选择：

这里有一个使用3个全局变量（

currentRound

、

totalRounds

和

wins

）而不使用

for

循环的工作示例

var currentRound=-1；
var totalRounds=-1；
var=1；
函数startName（）{
document.getElementById（“gameInfo”）.style.display=“contents”；
}
函数clearGame（）{
document.getElementById（“gameInfo”）.style.display=“无”；
document.getElementById（“cpu”）.src=“”；
document.getElementById（“用户”）.src=“”；
document.getElementById（“获胜者”）.innerHTML=“”；
document.getElementById（“userDisplay”）.innerHTML=“”；
document.getElementById（“用户名”）.value=“”；
}
函数displayName（）{
var txtName=document.getElementById（“用户名”）.value；
document.getElementById（“userDisplay”）.innerHTML=txtName；
}
函数setRounds（）{
var值=document.getElementById（“roundChoice”）.value；
如果（值）{
totalRounds=parseInt（值）；
currentRound=0；
wins=0；
document.getElementById（“获胜者”）.innerHTML=“让我们开始”；
}否则{
document.getElementById（“roundChoice”）.value=“输入轮数！！！”；
总轮数=-1；
}
}
函数userPick（输入）{
如果（总轮数<0）{
警报（“输入回合！！！”；
返回；
}
如果（currentRound>=totalRounds）{
警报（“回合结束！再次输入回合！！！”；
返回；
}
//console.log（currentRound+，“+totalRounds）
document.getElementById（“用户”）.src=input.src；
currentRound++；
轮号（input.id）；
}
函数轮号（uInput）{
var compSelect=Math.floor（Math.random（）*3+1）；
var winner=document.getElementById（“winner”）；
var i=当前轮+1；
如果（compSelect==1）{
document.getElementById（“cpu”）.src=”https://image.freepik.com/iconos-gratis/rock-n-roll-gesto-simbolo-de-la-mano-esbozado_318-72191.jpg";
如果（uInput==“岩石1”）{
winner.innerHTML=“你打成平局！”
当前轮--；
}否则如果（uInput==“纸张1”）{
wins++；
winner.innerHTML=“用户赢得回合”+i+！”
}否则{
winner.innerHTML=“计算机赢得第一轮”+i+！”
}
}else if（compSelect==2）{
document.getElementById（“cpu”）.src=”https://i.pinimg.com/originals/7c/58/78/7c58781da79c7e9b089f206a1ad7b9b5.png";
如果（uInput==“纸张1”）{
winner.innerHTML=“你打成平局！”
当前轮--；
}否则如果（uInput==“剪刀1”）{
wins++；
winner.innerHTML=“用户赢得回合”+i+！”
}否则{
winner.innerHTML=“计算机赢得第一轮”+i+！”
}
}否则{
document.getElementById（“cpu”）.src=”https://image.flaticon.com/icons/png/128/164/164986.png";
如果（uInput==“剪刀1”）{
winner.innerHTML=“你打成平局！”
当前轮--；
}否则，如果（uInput==“rock_1”）{
wins++；
winner.innerHTML=“用户赢得回合”+i+！”
}否则{
winner.innerHTML=“计算机赢”+i+！”
}  
}
如果（currentRound==totalRounds）{
警报（totalRounds+“已完成：\n”
+-wins:“+wins+”\n
+“-失败：”+（总回合数-胜利））
}
}

正文{
字体：80%arial，helvetica，无衬线；
背景：黑色；
保证金：0；
}
输入[类型=按钮]，
#图像img{
光标：指针；
}
#容器{
位置：相对位置；
宽度：1100px；
边框：纯橙色；
博尔德