Question

我正在创建一个游戏，用户可以选择是否要与朋友或计算机对战

在我的PHP文件中，我已经创建了两个这样的按钮

<button id = "begin-game" onClick = "location.href='./g.php'" type = "button">START</button>
<button id = "begin-computer-game">Againts Ai</button>

第一个按钮按预期工作，但第二个则不行。如何调用此方法，以便当用户单击针对Ai的按钮时，它将执行以下代码

这是我的js文件中的代码

const game = new Game();
document.getElementById('begin-game').addEventListener('click', function() {
  game.startGame();
  document.getElementById('begin-computer-game').style.display = 'none';
  this.style.display = 'none';
  document.getElementById('play-area').style.opacity = '1';
});
document.getElementById('begin-computer-game').addEventListener('click', function() {
  game.startComputerGame();
  this.style.display = 'none';
  document.getElementById('begin-game').style.display = 'none';
  document.getElementById('play-area').style.opacity = '1';
});
document.addEventListener('keydown', function(event) {
  game.handleKeydown(event);
});

现在我收到此错误in the console

Answer 1

您可以使用onclick

addEventListener不会覆盖元素上的现有事件处理程序，而onclick会覆盖任何现有的onclick =函数事件处理程序。



addEventListener在旧版本的Internet Explorer（> IE 9）中不起作用，而Internet Explorer而是使用attachEvent（

<button id ="begin-computer-game" onclick ="functionA();">Againts Ai</button>

您的功能

functionA(){
   game.startComputerGame();
   this.style.display = 'none';
   document.getElementById('begin-game').style.display = 'none';
   document.getElementById('play-area').style.opacity = '1';
}

在PHP中的按钮上调用JS函数

1 个答案: