Javascript 按钮上的Onclick事件
我是Javascript新手,已经几个月没有使用它了,所以我试图刷新我的记忆,但是我的按钮和onclick无法正常工作。我正在制作一个简单的石头剪刀游戏,它会提示用户说他们想玩多少回合,然后点击按钮,最后告诉他们赢了多少次,然后打开电脑。我意识到这是一个相当粗糙的代码,但当按钮不能正常工作时,很难继续前进。我将感谢任何帮助Javascript 按钮上的Onclick事件,javascript,Javascript,我是Javascript新手,已经几个月没有使用它了,所以我试图刷新我的记忆,但是我的按钮和onclick无法正常工作。我正在制作一个简单的石头剪刀游戏,它会提示用户说他们想玩多少回合,然后点击按钮,最后告诉他们赢了多少次,然后打开电脑。我意识到这是一个相当粗糙的代码,但当按钮不能正常工作时,很难继续前进。我将感谢任何帮助 文件 var rounds=prompt(“您想玩多少回合?”); 功能rpsGame(玩家选择){ var-playerWins=0; var-cpuWins=0; f
文件
var rounds=prompt(“您想玩多少回合?”);
功能rpsGame(玩家选择){
var-playerWins=0;
var-cpuWins=0;
for(设i=0;i
岩石
纸张
剪刀
定义结果变量,如var result='';
在代码中-
if (userWins < cpuWins) { // userWins variable not defined in your code Are you sure about variable name ?
document.getElementById('msg').innerHTML = ("Computer won!");
}
if(userWins
如果是,那么在代码中定义变量
userWins
似乎在您试图调用它们时,有些变量名是错误的,另外还有其他一些东西
下面是经过编辑的版本,其中有一些小的修正。您几乎可以让它工作了,onClick事件完全正常
我将这行if(userWins
更改为if(playerWins
,因为您从未创建名为userWins的变量,我猜您指的是playerWins
我还将这一行document.getElementById('msg').innerHTML=result;
更改为document.getElementById('msg').innerHTML=whoWins(playerChoice,cpuChoice());
您从未调用whoWins()
函数,因此结果从未实例化。我在这里所做的不是将result的值赋给msg元素,而是调用函数whoWins()
,返回结果及其给定参数,在这种情况下,用户输入存储在playerChoice
中,cpu选择通过调用cpuChoice()
返回
文件
var rounds=prompt(“您想玩多少回合?”);
功能rpsGame(玩家选择){
var-playerWins=0;
var-cpuWins=0;
for(设i=0;i
岩石
纸张
剪刀
var rounds=prompt(“您想玩多少回合?”);
功能rpsGame(玩家选择){
var-playerWins=0;
var-cpuWins=0;
for(设i=0;icpuWins){
document.getElementById('msg').innerHTML=(“用户赢了!”);
}
if(userWins }如果按钮和onClick函数看起来很好,你能给出示例输入和预期输出吗?
var rounds = prompt("How many rounds would you like to play?");
function rpsGame(playerChoice){
var playerWins = 0;
var cpuWins = 0;
for (let i = 0; i < Number(rounds); i++) {
result = whoWins(playerChoice, cpuChoice());
document.getElementById('msg').textContent = result;
}
if (playerWins > cpuWins) {
document.getElementById('msg').innerHTML = ("User won!");
}
if (userWins < cpuWins) {
document.getElementById('msg').innerHTML = ("Computer won!");
}
}
function cpuChoice() {
var randomNumber = Math.random();
if (randomNumber < 0.33) {
return 'rock';
} else if (randomNumber <= 0.66) {
return 'paper';
} else {
return 'scissors';
}
}
function whoWins(playerChoice, cpuChoice) {
var combination = playerChoice + cpuChoice;
var result;
switch (combination) {
case 'rockscissors':
result = "Player wins";
break;
case 'rockpaper':
result = "Computer wins";
break;
case 'scissorsrock':
result = "Computer wins";
break;
case 'scissorspaper':
result = "Player wins";
break;
case 'paperrock':
result = "Player wins";
break;
case 'paperscissors':
result = "Computer wins";
break;
default:
result = "Tie!";
break;
}
console.log(result);
return result;
}