Cómo obtener el valor seleccionado de un menú desplegable (select) en JavaScript?
¡Hola a todos! Soy nuevo en JavaScript y me encontré con un problema. Tengo un menú desplegable (select) normal en una página HTML. Quiero que al seleccionar algún elemento de la lista, se muestre su valor en la consola. Pero no logro que funcione.
Aquí está mi código HTML:
```html
```
Y mi JavaScript:
```javascript
function getValue() {
let select = document.getElementById('mySelect');
console.log(select.value);
}
```
Al hacer clic en el botón, la consola muestra `undefined`. Probé diferentes variantes: `select.options[select.selectedIndex].value`, `select.options[select.selectedIndex].text` — pero el resultado es el mismo. ¿Podrían decirme qué estoy haciendo mal? ¿Quizás estoy accediendo al elemento incorrectamente? ¿O necesito usar otro método? Agradecería cualquier ayuda.