DarslarWeb dasturlash

Ma'lumot turlari, prompt, confirm, alert

Primitive va non-primitive turlar. Foydalanuvchi bilan muloqot qilish uchun 3 ta oddiy funksiya.

45 daqiqa

JavaScript — Dars 4

Ma'lumot turlari va muloqot

JS'da 7 xil ma'lumot turi bor. Va foydalanuvchi bilan gaplashish uchun 3 ta tayyor oyna.

stringnumberbooleanprompt

Dars rejasi

6 ta mavzu

01Primitive turlar
02Non-primitive (reference) turlar
03typeof — turni aniqlash
04alert() — xabar oynasi
05prompt() — foydalanuvchidan so'rash
06confirm() — ha/yo'q savoli

1. Primitive turlar

Primitive — eng oddiy, bo'linmas qiymatlar. JS'da 7 ta primitive tur bor.

1// 1. String — matn
2const ism = "Ali";
3const familiya = 'Valiyev';
4const toliq = `Salom, ${ism}!`;
5
6// 2. Number — son (butun yoki kasr)
7const yosh = 17;
8const pi = 3.14;
9
10// 3. Boolean — true/false
11const oquvchi = true;
12
13// 4. Undefined — qiymat berilmagan
14let x;
15console.log(x);     // undefined
16
17// 5. Null — «bo'sh» qiymat, atayin qo'yiladi
18const bosh = null;
19
20// 6. BigInt — juda katta butun sonlar (kam ishlatiladi)
21const kattaSon = 123456789012345678901234567890n;
22
23// 7. Symbol — noyob identifikator (ilg'or mavzu)
24const belgi = Symbol("id");

String

Matn: "...", '...' yoki backtick. Qo'shtirnoq ichida har qanday belgi.

Number

Har qanday son — butun yoki kasr. NaN va Infinity ham shu turga kiradi.

Boolean

Faqat true yoki false. Qaror qabul qilish uchun asos.

2. Non-primitive (object) turlar

Non-primitive — murakkab, ichida boshqa qiymatlar saqlaydigan turlar. JS'da asosan: object, array, function.

1// Object — kalit/qiymat juftliklari
2const foydalanuvchi = {
3  ism: "Ali",
4  yosh: 17,
5  faol: true,
6};
7
8console.log(foydalanuvchi.ism);    // "Ali"
9console.log(foydalanuvchi["yosh"]); // 17
10
11// Array — ro'yxat (keyingi darslarda chuqur)
12const mevalar = ["olma", "anor", "banan"];
13console.log(mevalar[0]);   // "olma"
14console.log(mevalar.length); // 3
15
16// Function — bajaraladigan kod
17function salomBer(ism) {
18  return "Salom, " + ism;
19}
20console.log(salomBer("Ali"));  // "Salom, Ali"

3. typeof — turni aniqlash

1console.log(typeof "salom");     // "string"
2console.log(typeof 42);          // "number"
3console.log(typeof true);        // "boolean"
4console.log(typeof undefined);   // "undefined"
5console.log(typeof null);        // "object"  (JS'ning qadimgi xatosi!)
6console.log(typeof {});          // "object"
7console.log(typeof []);          // "object"
8console.log(typeof function(){}); // "function"

4. alert() — xabar oynasi

alert() — brauzer ochadigan oddiy oyna. Foydalanuvchi OK tugmasini bosmaguncha ketmaydi. Faqat xabar beradi.

1alert("Salom! Saytga xush kelibsiz.");
2alert("Yoshingiz: " + 17);
3
4// Template literals bilan
5const ism = "Ali";
6alert(`Ismingiz: ${ism}`);

alert() sinab ko'ring

HTML

Natijajonli

5. prompt() — foydalanuvchidan so'rash

prompt() — qiymat kiritish oynasi. Foydalanuvchi yozadi, siz javobni olasiz. Javob doim string (matn) bo'ladi.

1const ism = prompt("Ismingiz nima?");
2console.log("Salom, " + ism);
3
4// Standart qiymat bilan
5const yosh = prompt("Yoshingiz:", "18");
6console.log(yosh);         // "18" — eslatib qo'yamiz: matn!
7console.log(Number(yosh)); // 18  — songa aylantirish kerak
8
9// Agar «Cancel» bosilsa — null qaytadi
10const javob = prompt("Biror gap ayting");
11if (javob === null) {
12  console.log("Foydalanuvchi bekor qildi");
13}

6. confirm() — ha/yo'q savoli

confirm() — ikkita tugmali oyna: OK va Cancel. Foydalanuvchi OK bossa → true, Cancel bossa → false qaytaradi.

1const chiqamiz = confirm("Saytdan chiqasizmi?");
2
3if (chiqamiz) {
4  alert("Xayr!");
5} else {
6  alert("Yaxshi, qoldingiz.");
7}

prompt + confirm — mini dialog

HTML

Natijajonli

Kichik test

0 / 4

1.Primitive tur EMAS qaysi?

2.typeof null natijasi?

3.prompt() qanday qiymat qaytaradi?

4.confirm() qanday qiymat qaytaradi?

Mustaqil ish

0 / 5