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

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' });