Duda sobre mi código

Al ejecutar mi código me da error que lo describo más abajo.

<meta charset="UTF-8">

<h1>Juego secreto</h1>
<br>
<br>
<input>
<button>Confirmar</button>
<br>
<br>



<script>

    var entrada = document.querySelector("input");
    entrada.focus();

    var secretos = listaElementos(4);



    function aleatorio (){

        azar = Math.round(Math.random()*10);
        return azar;
    }


    function listaElementos (cantidadElementos){

        var secretos = [];
        console.log(secretos);

        for (indice = 0; indice < cantidadElementos; indice++){

            secretos.push(aleatorio());

        }


    }




    function confirmar(){ 

        var comprobado = false;


        for (indice = 0; indice < 2; indice++){

            if (parseInt(entrada.value) == secretos[indice]){

                alert("Usted ganó la lotería!");
                comprobado = true;
                break;

            }  

        }  

        if (comprobado == false){

            alert("Usted perdió mi estimado")
        }



        entrada.focus();
        entrada.value ="";

    }




    var boton = document.querySelector("button");
    boton.onclick = confirmar;





</script>

Este es el error que recibo: Uncaught TypeError TypeError: Cannot read properties of undefined (reading '0') at confirmar