JS misollari

JavaScript nimalar qila oladi?

JavaScript HTML tarkibini o‘zgartira oladi JavaScript HTML atributlarini o‘zgartira oladi JavaScript CSS stilini o‘zgartira oladi JavaScript HTML elementlarini yashira oladi JavaScript yashirin HTML elementlarini ko‘rsatishi mumkin

Misollar tushuntirildi

JavaScript’ni qayerga joylashtirish kerak

<head> ichidagi JavaScript <body> ichidagi JavaScript Tashqi fayldagi JavaScript Tashqi URL manzildagi JavaScript Tashqi papkadagi JavaScript

JavaScript’ni qayerga joylashtirish — tushuntirish

JavaScript’da natija chiqarish

HTML chiqishiga yozish HTML elementiga yozish Alert oynasiga yozish Brauzer konsoliga yozish

Output Explained

JavaScript sintaksisi

JavaScript Statementlar JavaScript sonlari JavaScript Stringlar JavaScript o‘zgaruvchilari JavaScript operatorlari JavaScript’da qiymat berish (assignment) JavaScript ifodalari (konstantalar yordamida) JavaScript ifodalari (stringlar yordamida) JavaScript ifodalari (o‘zgaruvchilar yordamida) JavaScript kalit so‘zlari (Keywords) JavaScript izohlari (Comments) JavaScript katta-kichik harflarga sezgir (Case Sensitive)

Syntax Explained

JavaScript Statementlar

JavaScript ko‘rsatmalari brauzer uchun buyruqlardir JavaScript kodi ko‘rsatmalar ketma-ketligidan iborat JavaScript ko‘rsatmalari nuqtali vergul bilan ajratiladi Bir qatorda bir nechta ko‘rsatma yozishga ruxsat beriladi JavaScript ko‘rsatmalari (statements)ni kod bloklarida birlashtirish mumkin Kod qatorini operator yoki verguldan keyin bo‘lish mumkin.

Statements Explained

JavaScript izohlari (Comments)

Bir qatorli izohlar Qator oxiridagi bir qatorli izohlar Ko‘p qatorli izohlar Bajarilishning oldini olish uchun bir qatorli izoh Bajarilishning oldini olish uchun ko‘p qatorli izoh

Comments Explained

JavaScript o‘zgaruvchilari

JavaScript o‘zgaruvchilari Algebradagi kabi JavaScript o‘zgaruvchilari JavaScript sonlari va stringlari JavaScript var kalit so‘zi. Bitta ko‘rsatmada ko‘plab o‘zgaruvchilarni e’lon qilish Ko‘plab o‘zgaruvchilarni bir necha qatorda e’lon qilish Qiymatsiz o‘zgaruvchi undefined qiymatini qaytaradi O‘zgaruvchini qayta e’lon qilish uning qiymatini yo‘qotmaydi JavaScript sonlarini qo‘shish JavaScript stringlarini qo‘shish Stringlar va raqamlarni qo‘shish

Variables Explained

JavaScript arifmetikasi

Qo‘shish (+) operatori Ayirish (-) operatori Ko‘paytirish (*) operatori Bo‘lish (/) operatori Qoldiq (%) operatori Inkrement (++) operatori Dekrement (--) operatori

Arithmetic Explained

JavaScript’da qiymat berish (assignment)

= tayinlash operatori += tayinlash operatori -= tayinlash operatori *= tayinlash operatori /= tayinlash operatori %= tayinlash operatori

Assignment Explained

JavaScript’da stringlarni birlashtirish

Birlashtirish (+) operatori yordamida ikkita stringni qo‘shish Birinchisida bo‘sh joy bo‘lgan ikkita stringni qo‘shish Ikki string orasiga bo‘sh joy qo‘shish += operatori yordamida ikkita stringni qo‘shish Stringlar va raqamlarni qo‘shish

Concatenation Explained

JavaScript ma’lumot turlari

Stringlarni e’lon qilish (yaratish) Sonlarni e’lon qilish (yaratish) Massivni e’lon qilish (yaratish) Obyektni e’lon qilish (yaratish) O‘zgaruvchining tipini toping Ikkita son va stringni qo‘shish String va ikkita sonni qo‘shish Aniqlanmagan (undefined) o‘zgaruvchi Bo‘sh o‘zgaruvchi

Data types Explained

JavaScript Objectlar

JavaScript o‘zgaruvchisini yarating JavaScript obyektini yarating person obyektini yarating (bir qatorda) person obyektini yarating (bir necha qatorda) .property yordamida obyekt xususiyatlariga murojaat qiling [property] yordamida obyekt xususiyatlariga murojaat qiling Funksiya xususiyatiga metod sifatida murojaat qiling Funksiya xususiyatiga xususiyat sifatida murojaat qiling

Objects Explained

JavaScript Functionlar

Oddiy funksiya Argumentli funksiya Argumentli funksiya 2 Qiymat qaytaradigan funksiya Farengeytni Selsiyga aylantiruvchi funksiya Funksiyani () siz chaqirish

Functions Explained

JavaScript Eventlari (Events)

onclick hodisasi HTML elementni o‘zgartiradi onclick hodisasi o‘z elementini o‘zgartiradi onclick hodisasi funksiyani chaqiradi

Events Explained

JavaScript Stringlar

Stringlarni yakka yoki qo‘sh tirnoqlar bilan yozish mumkin. Bir nechta string misollarini ko‘rsatish Qo‘shtirnoq oldidagi teskari slesh uni oddiy qo‘shtirnoq belgisi sifatida qabul qiladi. String uzunligini toping Matn qatorini teskari chiziq bilan buzishingiz mumkin. Teskari chiziq bilan kodni buzolmaydi. Stringda matn birinchi uchragan o‘rinni toping - indexOf() Stringdagi matnni qidiring va topilsa, matnni qaytaring - match() Stringdagi belgilarni almashtiring - replace() Stringni katta harflarga o‘tkazing - toUpperCase() Stringni kichik harflarga o‘tkazing - toLowerCase() Stringni massivga ajrating - split()

Strings Explained

JavaScript sonlari

Sonlarni o‘nlik kasr qismi bilan yoki usiz yozish mumkin Juda katta yoki juda kichik sonlarni eksponensial ko‘rinishda yozish mumkin Sonlar faqat 15 xonagacha aniq hisoblanadi Suzuvchi nuqtali arifmetika har doim ham 100% aniq emas Lekin 10 ga ko‘paytirib, so‘ng bo‘lish yordam beradi Ikki sonni qo‘shish natijasida yangi son hosil bo‘ladi Ikkita sonli stringni qo‘shish natijasida birlashtirilgan string hosil bo‘ladi Son va sonli stringni qo‘shish ham birlashtirilgan string hosil qiladi Raqamli String va raqamni qo‘shish ham birlashtirilgan qatorga olib keladi Stringlar va sonlarni qo‘shishdagi keng tarqalgan xato 1 Stringlar va sonlarni qo‘shishdagi keng tarqalgan xato 2 Bo‘lishda JavaScript stringlarni sonlarga aylantirishga harakat qiladi Ko‘paytirishda JavaScript stringlarni sonlarga aylantirishga harakat qiladi JavaScript ayirish paytida satrlarni raqamlarga aylantirishga harakat qiladi JavaScript qo‘shishda satrlarni raqamlarga AYTIRMAYDI Sonni stringga bo‘lish natijasi NaN (Not a Number) bo‘ladi Sonni sonli stringga bo‘lish natijasi son bo‘ladi Global JavaScript funksiyasi isNaN() qiymat son ekanligini tekshiradi Matematik amalda NaN ishlatilsa, natija har doim NaN bo‘ladi Matematik String operatsiyasida NaN dan foydalanish NaN ni birlashtiradi NaN (Not a Number) son hisoblanadi (Ha! typeof NaN number qaytaradi) Mumkin bo‘lgan eng katta sondan tashqaridagi sonni hisoblasangiz, Infinity qaytariladi Nolga bo‘lish ham Infinity hosil qiladi Infinity son hisoblanadi (typeof Infinity number qaytaradi) 0x bilan boshlanadigan konstantalar o‘n oltilik (hexadecimal) son sifatida talqin qilinadi toString() metodi sonlarni o‘n oltilik, sakkizlik va ikkilik ko‘rinishda chiqara oladi Sonlar obyekt bo‘lishi mumkin Sonlar va obyektlarni ishonchli taqqoslab bo‘lmaydi Obyektlarni obyektlar bilan ishonchli taqqoslab bo‘lmaydi

Numbers Explained

JavaScript raqamlari usullari

toString() metodi sonni stringga aylantiradi valueOf() metodi sonni son sifatida qaytaradi toExponential() eksponensial belgi bilan raqamni qaytaradi toFixed() metodi sonni belgilangan xonalar sonigacha yaxlitlaydi toPrecision() metodi sonni belgilangan uzunlikda yozadi Global Number() metodi o‘zgaruvchilarni sonlarga aylantiradi Global Number() metodi hatto sanalarni ham sonlarga aylantira oladi Global parseInt() metodi stringlarni sonlarga aylantiradi Global usul parseFloat() satrlarni raqamlarga aylantiradi MAX_VALUE JavaScript-da mumkin bo‘lgan eng katta raqamni qaytaradi MIN_VALUE JavaScript’dagi mumkin bo‘lgan eng kichik sonni qaytaradi POSITIVE_INFINITY represents infinity To‘lib ketishda (overflow) POSITIVE_INFINITY qaytariladi NEGATIVE_INFINITY represents negative infinity To‘lib ketishda (overflow) NEGATIVE_INFINITY qaytariladi NaN "Not-a-Number" (son emas) degan ma’noni bildiradi String ustida bajarilgan arifmetik amal NaN natija beradi O‘zgaruvchiga Number xususiyatini qo‘llash undefined qaytaradi

Numbers Methods Explained

JavaScript matematikasi

Math.PI PI qiymatini qaytaradi Math.round(x) x ning yaxlitlangan qiymatini qaytaradi Math.pow(x, y) x ning y darajasini qaytaradi Math.sqrt(x) x ning kvadrat ildizini qaytaradi Math.abs(x) x ning mutlaq (musbat) qiymatini qaytaradi Math.ceil(x) x ning yuqoriga yaxlitlangan qiymatini qaytaradi Math.floor(x) x ning pastga yaxlitlangan qiymatini qaytaradi Math.sin(x) x burchakning (radianda berilgan) sinusini qaytaradi Math.cos(x) x burchakning (radianda berilgan) kosinusini qaytaradi Math.max() argumentlar ro‘yxatidan eng katta qiymatli sonni qaytaradi Math.min() argumentlar ro‘yxatidan eng kichik qiymatli sonni qaytaradi Converting Celsius to Fahrenheit

Maths Explained

JavaScript’da tasodifiy sonlar

Random Explained

JavaScript sanalari

Bugungi sana va vaqtni ko‘rsatish uchun Date() dan foydalaning Yilni ko‘rsatish uchun getFullYear() dan foydalaning 1970-yildan beri o‘tgan millisoniyalar sonini hisoblash uchun getTime() dan foydalaning Muayyan sanani o‘rnatish uchun setFullYear() dan foydalaning Bugungi sanani (UTC bo‘yicha) stringga aylantirish uchun toUTCString() dan foydalaning Ish kunini raqam sifatida ko‘rsatish uchun getDay() dan foydalaning Hafta kunini nomi bilan ko‘rsatish uchun getDay() va massivdan foydalaning Soatni ko‘rsating

Dates Explained

JavaScript Arraylar

Massiv yarating I Massiv yarating II Massiv elementiga murojaat qiling Massiv elementini o‘zgartiring Butun massivga murojaat qiling Massiv uzunligini toping Massiv bo‘ylab sikl Massivga element qo‘shing Massivga aniqlanmagan "bo‘shliqlar" qo‘shing Massivni qanday aniqlash mumkin I Massivni qanday aniqlash mumkin II

Arrays Explained

JavaScript massiv metodlari

Massivga element qo‘shing Massivning oxirgi elementini olib tashlang - pop() Massivning barcha elementlarini stringga birlashtiring - join() Ikkita massivni birlashtiring - concat() Uchta massivni birlashtiring - concat() Massivning 2-o‘rniga element qo‘shing - splice() Massivni stringga aylantiring - toString() Massiv boshiga yangi elementlar qo‘shing - unshift() Massivning birinchi elementini olib tashlang - shift() Massivdan elementlarni tanlang - slice()

Array Methods Explained

JavaScript massivlarini saralash

Massivni o‘sish tartibida saralang Massivni kamayish tartibida saralang Sonlar massivini o‘sish tartibida saralang Sonlar massivini kamayish tartibida saralang Sonlarni saralang (alifbo yoki son qiymati bo‘yicha) Massivdagi sonlarni tasodifiy tartibda saralang Massivdagi eng kichik sonni toping Massivdagi eng katta sonni toping Math.min() yordamida massivdagi eng kichik sonni toping Math.max() yordamida massivdagi eng katta sonni toping “O‘zimiz yozgan” myArrayMin metodidan foydalanish “O‘zimiz yozgan” myArrayMax metodidan foydalanish Obyektlarni sonli xususiyatlari bo‘yicha saralang Obyektlarni string xususiyatlari bo‘yicha saralang

Array Sort Explained

JavaScript massivlari bo‘ylab iteratsiya

Array.forEach() Array.map() Array.filter() Array.reduce() Array.reduceRight() Array.every() Array.some() Array.indexOf() Array.lastIndexOf() Array.find() Array.findIndex()

Array Iteration Explained

JavaScript turini konvertatsiya qilish

Barcha o‘zgaruvchi tiplarining typeof qiymatini ko‘rsating Barcha turdagi o‘zgaruvchilarning konstruktorini ko‘rsatish String() yordamida sonni stringga aylantiring toString() yordamida sonni stringga aylantiring O‘zgaruvchi massiv ekanligini aniqlang O‘zgaruvchi sana ekanligini aniqlang

Type Conversion Explained

JavaScript mantiqiy qiymatlari (Boolean)

Boolean(10 > 9) qiymatini ko‘rsating 10 > 9 qiymatini ko‘rsating Haqiqiy qiymatga ega hamma narsa true bo‘ladi Nolning Boolean qiymati false Minus nolning mantiqiy qiymati noto‘g‘ri Bo‘sh stringning Boolean qiymati false undefined ning Boolean qiymati false null ning Boolean qiymati false false ning Boolean qiymati false NaN ning Boolean qiymati false

Booleans Explained

JavaScript taqqoslashlari

Comparisons Explained

JavaScript shartli operatorlari

if operatori else operatori else if operatori Tasodifiy havola switch operatori

Conditionals Explained

JavaScript Looplar

for sikli Massivni sikl orqali aylanib chiqish HTML sarlavhalari bo‘ylab sikl while sikli do while sikli Siklni to‘xtatish (break) Siklda break va continue Obyekt elementlari bo‘ylab aylanish uchun for...in operatoridan foydalaning

Loops Explained

JavaScript’da xatolarni qayta ishlash

try...catch operatori Confirm oynasi bilan try...catch operatori Xato hodisasi

Errors Explained

JavaScript muntazam ifodalari

Stringda ifodani qidiring Ifodani qidiring va uni almashtiring

Regular Expressions Explained

JavaScript Objectlar

JavaScript o‘zgaruvchisini yaratish JavaScript obyektini yaratish JavaScript obyektini yaratish (bitta qatorda) JavaScript obyektini yaratish (bir necha qatorda) new yordamida JavaScript obyektini yaratish Konstruktor yordamida JavaScript obyektlarini yaratish O‘rnatilgan JavaScript obyektlarini yaratish JavaScript o‘zgaruvchilarini yaratishning eng yaxshi usuli JavaScript obyektlari o‘zgaruvchan

Objects Explained

JavaScript obyekt xususiyatlari

.property yordamida xususiyatlarga murojaat qilish [property] yordamida xususiyatlarga murojaat qilish for in yordamida xususiyatlarga murojaat qilish Mavjud obyektlarga yangi xususiyatlar qo‘shish Obyektlardan xususiyatlarni o‘chirish

Object Properties Explained

JSON obyektlari

.property yordamida xususiyatlarga murojaat qilish [property] yordamida xususiyatlarga murojaat qilish Xususiyatlar bo‘ylab sikl Xususiyat qiymatlari bo‘ylab sikl Ichma-ich JSON obyektlariga murojaat qilish Nuqta belgisi yordamida qiymatlarni o‘zgartirish Qavs belgisi yordamida qiymatlarni o‘zgartiring Obyekt xususiyatlarini o‘chirish

JSON Object Properties Explained

JSON massivlari

Massiv qiymatlariga murojaat qilish For-in yordamida massivda aylanish For yordamida Array bo‘ylab aylanish Ichma-ich JSON massivlariga murojaat qilish Massiv qiymatlarini o‘zgartirish Massiv elementlarini o‘chirish

JSON Arrays Explained

JSON’ni tahlil qilish (parse)

JSON parse’dan foydalaning AJAX misolida JSON parse’dan foydalanish Massivga JSON parse’ni qo‘llash Sanalarni tahlil qilish (parse) reviver funksiyasi yordamida sanalarni tahlil qilish Funksiyalarni tahlil qilish (parse)

JSON Parse Explained

JSON stringiga aylantirish (stringify)

JSON stringify’dan foydalaning Massivga JSON stringify’ni qo‘llash Sanalarni stringify qilish Funksiyalarni stringify qilish toString() metodi yordamida funksiyalarni stringify qilish

JSON Stringify Explained

JSON PHP

PHP fayldan JSON olish PHP’dan JSON massivini olish Ma’lumotlar bazasidan JSON olish Ma’lumotlar bazasidan olingan natija bo‘ylab sikl POST metodi yordamida JSON yuborish

JSON PHP Explained

JSON HTML

JSON ma’lumotlari asosida HTML jadval yaratish Dinamik HTML jadval yaratish JSON ma’lumotlari asosida HTML ochiladigan ro‘yxat yaratish

JSON HTML Explained

JSON JSONP

Oddiy JSONP misoli Dinamik script tegini yaratish Dinamik natijali JSONP misoli Callback funksiyali JSONP misoli

JSON JSONP Explained

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish