Realizando Pruebas Opinen

Amigos de alura quise realiza una prueba generando un botón, para generar el numero random en una alerta.

Código

HTML:
<button onclick="aleatorio();" class="button">Aleatorio</button>

JS:
let alertaNumerosecreto = alert (`El numero aleatorio es ${aleatorio()}`)

function aleatorio() {
    return Math.floor(Math.random()+10)+1;
}

Por tanto al momento de cargar el live server, aparece la alerta sin yo dar clic sobre el botón, la ejecución del random ejecuta inicialmente la alerta y no cuando deseo hacer clic clic. Por tanto no se que puedan sugerirme para que al momento de dar clic si muestre la alarma, indagando hay que separar ambas funciones de alerta y generación del numero ramdom, ejemplo:

HTML:
<button onclick="mostrarAlertaAleatorio()" class="button">Aleatorio</button>

<script>
function aleatorio() {
  return Math.floor(Math.random() * 100) + 1; // Genera un número aleatorio entre 1 y 100
}

function mostrarAlertaAleatorio() {
  let numeroAleatorio = aleatorio();
  alert(`El número aleatorio es ${numeroAleatorio}`);
}
</script>

Si tienen algún indicio o si es una buena practica por favor háganlo saber muchas gracias.