如何在javascript中添加5轮石头剪刀？

我是一个编程新手，所以我没有太多的想法给这个项目添加一些特性。在这个项目中我只能打一局。 但我想打5轮。我尝试使用for循环，但我不知道在哪里插入。我也不知道在循环中插入什么。需要帮忙吗，谢谢。请解决前端部分也

//挑战3：石头、布、剪刀
函数rpsGame（由您选择）{
console.log（您的选择）；
选择，选择；
humanChoice=yourChoice.id；
botChoice=numberToChoice（randToRpsInt（））；
console.log（'Computer choice:'，botChoice）；
结果=decideWinner（humanChoice，botChoice）；/[0,1]人输了| bot赢了
console.log（结果）
message=finalMessage（results）；//{message:'你赢了！'，'颜色：'绿色'}
控制台日志（消息）；
rpsFrontEnd（yourChoice.id、botChoice、message）；
document.getElementById（'restart'）
}
函数randToRpsInt（）{
返回Math.floor（Math.random（）*3）；
}
功能编号选择（编号）{
返回[“石头”、“布”、“剪刀”][编号]；
}
功能决策内部（您的选择，计算机选择）{
变量rpsDatabase={
“石头”：{“剪刀”：1，“石头”：0.5，“纸”：0}，
“纸”：{“石头”：1，“纸”：0.5，“剪刀”：0}，
“剪刀”：{“布”：1，“剪刀”：0.5，“石头”：0}
}
var yourScore=rpsDatabase[yourChoice][computerChoice]；
var computerScore=rpsDatabase[computerChoice][yourChoice]；
返回[你的分数，计算机分数]；
}
函数最终消息（[yourScore，computerScore]）{
如果（你的分数=0）{
返回{'message'：'youlost！'，'color'：'red'}；
}否则如果（你的分数===0.5）{
返回{'message'：'Match tied！'，'color'：'yellow'}；
}否则{
返回{'message'：'youwon！'，'color'：'green'}；
}
}
函数rpsFrontEnd（humanImageChoice、botImageChoice、finalMessage）{
变量imagesDataBase={
“rock”：document.getElementById（'rock'）.src，
“纸张”：document.getElementById（'paper'）.src，
“剪刀”：document.getElementById（“剪刀”）.src
}
//让我们删除所有图像
document.getElementById（'rock'）.remove（）
document.getElementById（'paper'）.remove（）
document.getElementById（'剪刀'）.remove（）
var humanDiv=document.createElement（'div'）；
var botDiv=document.createElement（'div'）；
var messageDiv=document.createElement（'div'）；
humanDiv.innerHTML=“”
messageDiv.innerHTML=”“+最终消息['message']+“”
botDiv.innerHTML=“”
document.getElementById（'flex-box-rps-div'）.appendChild（humanDiv）；
document.getElementById（'flex-box-rps-div'）.appendChild（messageDiv）；
document.getElementById（'flex-box-rps-div'）.appendChild（botDiv）；
}
函数再次播放（）{
常量初始状态=`
`;
document.getElementById（“FlexBox rps div”）.innerHTML=initialState；
}

.container-1，
.货柜-2，
.container-3、.container-4{
边框：1px纯黑；
宽度：75%；
保证金：0自动；
文本对齐：居中；
}
.flex-box-container-1，
.flex-box-container-2，
.flex box rps、.flex box拾取颜色{
显示器：flex；
边框：1px纯黑；
填充：10px；
柔性包装：包装；
弯曲方向：行；
证明内容：周围的空间；
}
.flex-box-container-1分区{
显示器：flex；
填充：10px；
对齐项目：居中；
}
.flex-box-container-2 img{
利润率：10px；
盒子阴影：0px 0px 50px rgba（0,0,0,0.7）；
}
.柔性箱rps跨度{
显示器：flex；
填充：10px；
对齐项目：居中；
}
.flex box rps图像：悬停{
盒影：0px 10px 50px rgba（37,50223,1）；
}
/*样式弹性盒rps divs*/

Javascript项目
挑战1：你的年龄（以天为单位）
点击我
重置
挑战2：Cat发电机
生猫
挑战3：石头、布、剪刀
再玩一次
挑战4：更改所有按钮的颜色
随机的
红色
绿色
蓝色
黄色的
重置
小鬼！
雅虎！
谷歌！
脸谱网！

欢迎！你怎么打一局？你有（全局）变量来保存玩家和电脑的分数吗？你能把代码精简到RPS吗？请尽量减少绝对必要的CSS、HTML和JavaScript。有趣地使用对象的对象进行评分=好主意！请与我分享代码，因为我是一名编程初学者“与我分享代码”是什么意思？这是你的密码！或者，是吗？不，我要你对我的代码做些修改