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 жылга чейинки жылдардын түшүрүлө турган тизмесин түзүңүз. Кайсы бир пункт тандалганда, бул жыл високосный же жок экендиги жөнүндө билдирүү чыгарыңыз.