Example of querySelector method

querySelector.js

<script>
    // querySelector regresa solamente la primer concordancia.
    const MiConstante = document.querySelector('li.red');
    MiConstante.className = 'blue';
 </script>

  <script>
      // querySelectorAll regresa una lista de Nodos.
      // Aunque estrictamente hablando se especifica seleccionar
      // el segundo nodo, (con el num. 1) en este contexto en
      // realidad es el tercer elemento de la lista que se
      // termina seleccionado debido al query anterior.
      const MiConstante2 = document.querySelectorAll('li.red');
      MiConstante2[1].className = 'blue';
  </script>