"Por qué en la function activaScroll agregamos el selector? "

¡Hola Natasha!

En la función activaScroll, agregamos el selector como parámetro porque necesitamos saber qué elemento se ha seleccionado para realizar el scroll automático en la página. El selector nos permite identificar el elemento al que se le ha hecho clic y obtener su posición en la página.

Por ejemplo, si tenemos varios enlaces en nuestra página y queremos que al hacer clic en cada uno de ellos se haga un scroll automático hasta la sección correspondiente, necesitamos saber qué enlace se ha seleccionado. Al agregar el selector como parámetro en la función activaScroll, podemos obtener el elemento seleccionado y su posición en la página.

Aquí tienes un ejemplo de cómo podrías utilizar la función activaScroll:

<a href="#seccion1" onclick="activaScroll(this)">Sección 1</a>
<a href="#seccion2" onclick="activaScroll(this)">Sección 2</a>
<a href="#seccion3" onclick="activaScroll(this)">Sección 3</a>

<div id="seccion1">
  <!-- Contenido de la sección 1 -->
</div>

<div id="seccion2">
  <!-- Contenido de la sección 2 -->
</div>

<div id="seccion3">
  <!-- Contenido de la sección 3 -->
</div>

<script>
  function activaScroll(elemento) {
    // Obtener el selector del elemento seleccionado
    var selector = elemento.getAttribute('href');

    // Obtener la posición del elemento en la página
    var destino = document.querySelector(selector).offsetTop;

    // Hacer el scroll automático hasta el elemento seleccionado
    // Aquí iría el código para hacer el scroll automático
  }
</script>

Espero que esto aclare tu duda. Si tienes alguna otra pregunta, ¡no dudes en preguntar! ¡Estoy aquí para ayudarte!

Espero haber ayudado y buenos estudios!