JavaScript-də Açılan Siyahılarla İş

Bu dərsdə biz açılan siyahını təmsil edən select teqi ilə işi öyrənəcəyik. Əgər siz bu teqlə HTML-də işləməyi bilmirsinizsə, onda əvvəlcə onun quruluşunu bu linkdəki arayışda öyrənin: select.

Gəlin bu teqlə JavaScript vasitəsilə necə işləməyə baxaq. Tutaq ki, bizə belə bir açılan siyahı verilib:

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

Gəlin selektə dəyişəndə istinad əldə edək:

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

İndi gəlin siyahı dəyişdikdə seçilmiş bəndin mətnini ekrana çıxaraq. Bunun üçün selektimizin value xassəsini oxumaq lazımdır:

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

Selekt, abzas və düymə verilib. Düyməyə kliklədikdə siyahının seçilmiş bəndinin mətnini abzasa çıxarın.

2020-dən 2030-a qədər illərin açılan siyahısını hazırlayın. Siyahının hər hansı bir bəndi seçildikdə, bu ilin uzun ili olub-olmadığı barədə mesaj çıxarın.