How to push attr value in array jquery/javaScript?

I want to push the value of attr in array but whenever I push it shows me count number of how many times I clicked on the button not pushing value in the array. help, please!

//Below code 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>

//Below code is jQuery

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

//Below the result I am getting
Result in Console

>Solution :

you are logging the wrong code if you want to see the new array you should do something like this:

 userClickedPattern.push(userChosenColor)
    console.log(userClickedPattern);