...
    <h1>bonjour</h1>
    <script>
       console.log('A');
       let v=document.querySelector('h1');
       console.log('B');
       v.addEventListener('click',ma_fonction);
       console.log('C');
       function ma_fonction()
       {
         console.log('D');
       }
       console.log('E');
    </script>
...
Quel est l'ordre  ?