岩石纸剪刀游戏javascript的分数计数器

我已经完成了我的石头纸剪刀游戏，我现在正在努力增加分数。我的问题是，我不能让程序增加分数，但它会重置每一轮。 我尝试过创建这两个变量，然后在函数中添加+1，只要其中一个赢了，但我无法保存它

var userscore=0；
var计算机评分=0；
功能计算机决策（）{
var Number=Math.floor（Math.random（）*3）；
开关（编号）{
案例0：
返回“岩石”；
案例1：
返回“剪刀”；
案例2：
返回“文件”；
}
}
功能declareWinner（用户武器、计算机武器）{
如果（用户武器===计算机武器）{
控制台日志（“Tiebreak”）；
}否则如果（用户武器===“摇滚”和计算机武器===“剪刀”||
用户武器===“纸张”和计算机武器===“岩石”|用户武器===“剪刀”和计算机武器===
“文件”）{
console.log（“用户赢了”）；
userscore++；
}否则{
控制台日志（“计算机日志”）；
计算机评分++；
}
}
var userwearm=“岩石”
var computerwearm=computerdecision（）；
log（'您的武器是：'+用户武器）；
console.log（“计算机的武器是：“+computerwill”）；
declareWinner（用户武器、计算机武器）；
log（“用户：”+userscore）
console.log（“computer:+computerscore）

为了玩另一轮游戏，用户需要刷新页面（如@EmielZuurbier注释），因此除非使用某种数据保存方式，否则所有记录都将丢失

一个快速修复方法是制作一个按钮，再次调用该函数。但这不会在退出/刷新后保存记录。我猜这不是你要找的

无论如何，我编辑并重写了你的代码，使其可玩+添加了一些本地存储记分板。我给你留下有趣的部分来改变onclick事件，并根据你的需要来设计它

var userscore=localStorage.getItem（'userscore'）；
document.querySelector（“#userScore”）.textContent=userScore；
var computerscore=localStorage.getItem（'computerscore'）；
document.querySelector（“#computerScore”）.textContent=computerScore；
功能计算机决策（）{
var Number=Math.floor（Math.random（）*3）；
开关（编号）{
案例0：
返回“岩石”；
案例1：
返回“剪刀”；
案例2：
返回“文件”；
}
}
函数declareWinner（）{
var computerwearm=computerdecision（）；
var userwearm=document.querySelector（'input[name=“wearm”]：checked'）。值；
如果（用户武器===计算机武器）{
document.querySelector（“#gameResult”）.textContent=“Tiebreak”；
} 
否则，如果（用户武器==“岩石”&计算机武器==“剪刀”|用户武器==“纸”&计算机武器==“岩石”|用户武器===“剪刀”&计算机武器==“纸”）{
document.querySelector（“#gameResult”）.textContent=“User-won”；
userscore++；
}否则{
document.querySelector（“#gameResult”）.textContent=“Computer-won”；
计算机评分++；
}
document.querySelector（“#userwearm”）.textContent=“User wearm was:”+userwearm；
document.querySelector（“#computerwearm”）.textContent=“计算机的武器是：”+computerwearm；
document.querySelector（“#userScore”）.textContent=userScore；
setItem（'userScore'，userScore）；
document.querySelector（“#computerScore”）.textContent=computerScore；
setItem（'computerScore'，computerScore）；
}

岩石
纸张
剪
玩
比赛结果：


计算机：


计算机武器：


用户：


用户武器：

清除保存的记录

为了播放另一轮，用户需要刷新页面（如@EmielZuurbier comment），因此除非您使用某种数据保存方式，否则所有记录都将丢失

一个快速修复方法是制作一个按钮，再次调用该函数。但这不会在退出/刷新后保存记录。我猜这不是你要找的

无论如何，我编辑并重写了你的代码，使其可玩+添加了一些本地存储记分板。我给你留下有趣的部分来改变onclick事件，并根据你的需要来设计它

var userscore=localStorage.getItem（'userscore'）；
document.querySelector（“#userScore”）.textContent=userScore；
var computerscore=localStorage.getItem（'computerscore'）；
document.querySelector（“#computerScore”）.textContent=computerScore；
功能计算机决策（）{
var Number=Math.floor（Math.random（）*3）；
开关（编号）{
案例0：
返回“岩石”；
案例1：
返回“剪刀”；
案例2：
返回“文件”；
}
}
函数declareWinner（）{
var computerwearm=computerdecision（）；
var userwearm=document.querySelector（'input[name=“wearm”]：checked'）。值；
如果（用户武器===计算机武器）{
document.querySelector（“#gameResult”）.textContent=“Tiebreak”；
} 
否则，如果（用户武器==“岩石”&计算机武器==“剪刀”|用户武器==“纸”&计算机武器==“岩石”|用户武器===“剪刀”&计算机武器==“纸”）{
document.querySelector（“#gameResult”）.textContent=“User-won”；
userscore++；
}否则{
document.querySelector（“#gameResult”）.textContent=“Computer-won”；
计算机评分++；
}
document.querySelector（“#userwearm”）.textContent=“User wearm was:”+userwearm；
document.querySelector（“#computerwearm”）.textContent=“计算机的武器是：”+computerwearm；
document.querySelector（“#userScore”）.textContent=userScore；
setItem（'userScore'，userScore）；
document.querySelector（“#computerScore”）.textContent=computerScore；
setItem（'computerScore'，computerScore）；
}

岩石
纸张
剪
玩
比赛结果：


计算机：


计算机武器：


用户：


用户武器：

清除已保存的记录

@adiga我终于想出了办法，哈哈。谢谢发布你的结果，然后作为答案。你如何进入下一轮？@adiga我终于想出了怎么做，哈哈。谢谢邮递员