Quiero presionar el valor de attr en la matriz, pero cada vez que lo presiono, me muestra el número de cuentas de cuántas veces hice clic en el botón sin presionar el valor en la matriz. ¡ayuda por favor!

//Debajo del código HTML

 <div class="container"> <button class="btn green" id="green"></button> <button class="btn red" id="red"></button><br /> <button class="btn yellow" id="yellow"></button> <button class="btn blue" id="blue"></button> </div>

// El código de abajo es jQuery

 $(".btn").click(function () { var userClickedPattern = []; var userChosenColor = $(this).attr("id"); console.log(userChosenColor); console.log(userClickedPattern.push(userChosenColor)); });

// Debajo del resultado obtengo Result en Console