我单击了我的颜色按钮图像，但它们未出现在控制台的数组中

Question

我正在使用Chrome开发人员来测试我创建的4个颜色按钮。每次我单击一个按钮时，我都应该在控制台中建立一个数组，但是它不能完成所有工作。我的语法错误吗？

var buttonColours = ["red", "blue", "green", "yellow"];
var gamePattern = [];
var userClickedPattern = [];

$('.btn').click(function(){
  var userChosenColour = $(this).attr("id");
  userClickedPattern.push(userChosenColour);
});

function nextSequence(){
  var randomNumber = Math.floor(Math.random()* 4);
  var randomChosenColour = buttonColours[randomNumber];
  gamePattern.push(randomChosenColour);
}

Answer 1

可能会在浏览器完成DOM构建之前调用您的脚本。在这种情况下，您的脚本在DOM中找不到任何类为“ btn”的按钮。您必须在终止DOM构建后调用脚本：$(document).ready(function() { 'your code' });