Why is the variable only added once to the array?

Question

JavaScript

There are several buttons, when you click on them, you need to place their text in an array.

Why is only one value added? It works if you take the array out of the function, but I have n groups of buttons and each needs its own array

$('.lbl').click(function(){
        const arr = [];
        let txt = $(this).text();
        arr.push(txt);
        console.log(arr);
    });

Answer 1

Maybe because it's worth declaring an array outside of a function?
For example like this?

const arr = [];
$('.lbl').click(function(){
        let txt = $(this).text();
        arr.push(txt);
        console.log(arr);
    });