在Javascript中，我的onEvent没有被调用，而其他onEvents是

Question

我正在制作一个二十一点游戏。在我的游戏中，当用户点击“停留”时，该程序假设找到谁更接近21，用户或房子。当我点击停留时，我的程序中没有任何内容。任何帮助将不胜感激。谢谢阅读。

onEvent("stayButton","clicked", function()   {

 if (userTotal == 21) {
      setText("userArea","Player total is: " + userTotal +" Player wins!");
 }
  houseTotal();

  while (houseTotal < 17)  {
    appendItem( houseHand,deck.pop() );
    houseHandTotal();
  }

  if (houseTotal > 21) {
   setText("houseArea","House busts, User wins");
   var userWins = betAmount * 1.2;
   TotalMoney = TotalMoney + userWins;
  }

  setText("houseArea",houseHand + "house total is: " + houseTotal);

  if ( 21 - userTotal < 21-houseTotal && userHandValue != "bust" && houseHandValue != "bust")   
  {
    setText("userArea","Player total is: " + userTotal +" Player wins!");
  }

  else if (21 - userTotal > 21-houseTotal && userHandValue != "bust" && houseHandValue != "bust") 
  {
    setText("userArea","Player total is: " + userTotal +" Player loses!");
  }

});

Answer 1

假设onEvent是addEventListener的包装器，那么正确的事件名称是click，而不是clicked。

其他小清理点：

• 此外，使用===和!==进行相等比较而不是==和!=以避免类型转换相关的细微差别。
• 最后，主要是风格，JS代码往往更喜欢字符串'的单引号。
• 不是JS特定的，但尝试使用逻辑方法在代码中使用新行来使其可读。

onEvent('stayButton', 'click', () => {
  if (userTotal === 21)
    setText('userArea', 'Player total is: ' + userTotal + ' Player wins!');

  houseTotal();
  while (houseTotal < 17) {
    appendItem(houseHand, deck.pop());
    houseHandTotal();
  }

  if (houseTotal > 21) {
    setText('houseArea', 'House busts, User wins');
    let userWins = betAmount * 1.2;
    TotalMoney = TotalMoney + userWins;
  }

  setText('houseArea', houseHand + 'house total is: ' + houseTotal);

  if (21 - userTotal < 21 - houseTotal && userHandValue !== 'bust' && houseHandValue !== 'bust')
    setText('userArea', 'Player total is: ' + userTotal + ' Player wins!');
  else if (21 - userTotal > 21 - houseTotal && userHandValue !== 'bust' && houseHandValue !== 'bust')
    setText('userArea', 'Player total is: ' + userTotal + ' Player loses!');
});