Номер на избрания елемент от падащ списък

В селектите съществува специално свойство selectedIndex, което съхранява номера на елемента от списъка, който в момента е избран. Номерацията при това започва от нула. При това това свойство може както да се чете, така и да се записва, променяйки избрания елемент от списъка.

Нека разгледаме работата с това свойство с пример. Нека имаме следния падащ списък:

<select id="select">
	<option value="one">едно</option>
	<option value="two" selected>две</option>
	<option value="three">три</option>
</select>

Нека изведем номера на избрания елемент от списъка:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // ще изведе 1

А сега нека изберем някой друг елемент:

let select = document.querySelector('#select');
select.selectedIndex = 2; // ще избере 'три'

Дадени са инпут и селект. В инпута се въвежда някакво число. При загуба на фокус направете избран елемент от списъка, чийто номер е равен на стойността от инпута.

Направете падащ списък с названията на дните от седмицата. Направете така, че чрез JavaScript по подразбиране да се избира в този списък текущия ден.