Comment obtenir la valeur sélectionnée d'une liste déroulante (select) en JavaScript ?

Bonjour à tous ! Je suis débutant en JavaScript et j'ai rencontré un problème. J'ai une liste déroulante (select) standard sur une page HTML. Je veux que lorsqu'un élément de la liste est sélectionné, sa valeur soit affichée dans la console. Mais je n'y arrive pas. Voici mon code HTML : ```html Première option Deuxième option Troisième option Afficher la valeur ``` Et mon JavaScript : ```javascript function getValue() { let select = document.getElementById('mySelect'); console.log(select.value); } ``` Lorsque je clique sur le bouton, la console affiche `undefined`. J'ai essayé différentes variantes : `select.options[select.selectedIndex].value`, `select.options[select.selectedIndex].text` — mais le résultat est le même. Dites-moi, qu'est-ce que je fais de travers ? Peut-être que j'accède mal à l'élément ? Ou dois-je utiliser une autre méthode ? Je vous remercie d'avance.