Numero dell'opzione selezionata nel menu a tendina

Nei menu di selezione esiste una proprietà speciale selectedIndex, che memorizza il numero dell'opzione della lista attualmente selezionata. La numerazione inizia da zero. Inoltre, questa proprietà può essere sia letta che scritta, cambiando l'opzione selezionata nella lista.

Vediamo il funzionamento di questa proprietà con un esempio. Supponiamo di avere il seguente menu a tendina:

<select id="select">
	<option value="one">uno</option>
	<option value="two" selected>due</option>
	<option value="three">tre</option>
</select>

Visualizziamo il numero dell'opzione selezionata nel menu:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // visualizzerà 1

Ora selezioniamo un'altra opzione:

let select = document.querySelector('#select');
select.selectedIndex = 2; // selezionerà 'tre'

Sono dati un input e un menu di selezione. Nell'input viene inserito un numero. Alla perdita del focus, rendi selezionata l'opzione della lista il cui numero corrisponde al valore dell'input.

Crea un menu a tendina con i nomi dei giorni della settimana. Fai in modo che tramite JavaScript per impostazione predefinita venga selezionato nel menu il giorno corrente.