A kiválasztott elem száma a legördülő listában

A select elemeknek létezik egy speciális tulajdonsága, selectedIndex, amely a jelenleg kiválasztott listaelem számát tárolja. A számozás nullától kezdődik. Ezt a tulajdonságot mind elolvasni, mind beállítani lehet, ezzel megváltoztatva a kiválasztott listaelemet.

Nézzük meg ennek a tulajdonságnak a működését egy példán keresztül. Tegyük fel, hogy a következő legördülő lista adott:

<select id="select">
	<option value="one">egy</option>
	<option value="two" selected>kettő</option>
	<option value="three">három</option>
</select>

Most pedig jelenítsük meg a kiválasztott listaelem számát:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // 1-et fog kiírni

És most válasszunk ki egy másik elemet:

let select = document.querySelector('#select');
select.selectedIndex = 2; // kiválasztja a 'három'-at

Adott egy input mező és egy legördülő lista. Az input mezőbe beírunk egy számot. Amikor az input elveszti a fókuszt, legyen kiválasztva az a listaelem, amelyik sorszáma megegyezik az input mezőben lévő értékkel.

Készíts egy legördülő listát a hét napjainak neveivel. Állítsd be JavaScript segítségével úgy, hogy alapértelmezetten a jelenlegi nap legyen kiválasztva a listában.