Праца з выпадальнымі спісамі ў JavaScript

У даным ўроке мы з вамі вывучым працу з тэгам select, які прадстаўляе сабой выпадальны спіс. Калі вы не ўмееце працаваць з гэтым тэгам на HTML, то для пачатку вывучыце яго ўстройства ў даведніку па гэтай спасылцы: select.

Давайце паглядзім, як працаваць з гэтым тэгам праз JavaScript. Хай у нас дадзены вось такі выпадальны спіс:

<select id="select">
	<option>one</option>
	<option selected>two</option>
	<option>three</option>
</select>

Атрымаем спасылку на селект у зменную:

let select = document.querySelector('#select');

Давайце цяпер пры змяненні селекта вывядзем на экран тэкст абранага пункта спіса. Для гэтага трэба прачытаць уласцівасць value нашага селекта:

select.addEventListener('change', function(){
	console.log(this.value);
});

Дадзены селект, абзац і кнопка. Пасля кліку на кнопку выведзіце тэкст абранага пункта спіса ў абзац.

Зрабіце выпадальны спіс гадоў ад 2020 да 2030. Пры выбары якого-небудзь пункта спіса вывядзіце паведамленне аб тым, высакосны гэты год ці не.