使用HTML按钮更改Javascript变量

使用HTML按钮更改Javascript变量,javascript,html,button,Javascript,Html,Button,我正在使用JavaScript和HTML构建一个石头、布、剪刀游戏。我让游戏在控制台中运行,现在我只是给它添加了一个UI。我在使用HTML按钮设置playerChoice变量时遇到了一个问题(我以前使用过一个提示符,但这对用户不是很友好) 我尝试做的是创建一个函数,该函数应该将playerChoice设置为单击的任何按钮。我为我的按钮设置onClick方法来运行此功能,并使用按钮的值作为输入参数。然而,当我测试这个时,我得到了“输入未定义错误” let playerChoice=“” 功能设置播

我正在使用JavaScript和HTML构建一个石头、布、剪刀游戏。我让游戏在控制台中运行,现在我只是给它添加了一个UI。我在使用HTML按钮设置
playerChoice
变量时遇到了一个问题(我以前使用过一个提示符,但这对用户不是很友好)

我尝试做的是创建一个函数,该函数应该将
playerChoice
设置为单击的任何按钮。我为我的按钮设置
onClick
方法来运行此功能,并使用按钮的值作为输入参数。然而,当我测试这个时,我得到了“输入未定义错误”

let playerChoice=“”
功能设置播放选择(选项){
玩家选择=选择;
}
岩石
纸张
剪刀
试试这个

let playerChoice=“”
功能设置播放选择(选项){
玩家选择=选择;
console.log(playerChoice);
}
岩石
纸张
剪刀
HTML

岩石
纸张
剪刀
Javascript

var playerChoice = "";
function setPlayerChoice(choice) {
  playerChoice = choice;
}