Tutorial Asas JavaScript
Asas
Pengenalan
Menjalankan JavaScript
Program JavaScript Pertama
Analisis Kod Program
Contoh Seterusnya
Fail dengan Skrip
Berbilang Fail
Nota
Pembuatan Cache Fail
Mod Ketat
Komen
Pembolehubah
Menggunakan Pembolehubah
Pengisytiharan Beberapa Pembolehubah
Perubahan Nilai Pembolehubah
Beberapa let untuk Satu Pembolehubah
Operasi Matematik dengan Nombor
Operasi Matematik dengan Pembolehubah
Keutamaan Operasi Matematik
Keutamaan Sama
Tanda Kurung Pengelompokan
Pecahan
Nombor Negatif
Tambah sebelum Pembolehubah
Baki Pembahagian
Pengecualian Kuasa
Keutamaan Pengecualian Kuasa
Rentetan
Penambahan Rentetan
Panjang Rentetan
Rentetan Templat
Berbilang Baris
Nilai Khas
Nilai undefined
Nilai null
Nilai true dan false
Nilai NaN
Infinity dan -Infinity
Konsol
Jenis Data dalam Konsol
Ralat dalam Konsol
Pemalar
Penukaran Jenis Automatik
Penukaran kepada Nombor
Penukaran Nombor Pendek
Penukaran Nombor Tidak Betul
Pengekstrakan Nombor
Penukaran kepada Rentetan
Mengaplikasikan Penukaran kepada Rentetan
Penukaran Jenis Logik
Penukaran kepada Jenis Logik
Aksara Rentetan
Ketidakubahan Rentetan
Aksara Terakhir Rentetan
Rentetan dengan Digit
Mengakses Digit Nombor
Operasi untuk Menukar Pembolehubah
Operasi Ringkas dalam JavaScript
Penambahan
Jenis Awalan dan Akhiran
Pengiraan Tidak Tepat
Fungsi prompt
Masalah dengan Jenis dalam prompt
Output kepada Dokumen
Amalan Mencari Ralat
Amalan pada Operasi
Amalan pada Formula
Array
Pengenalan kepada Array
Mendapatkan Elemen
Panjang Array
Menukar Elemen
Menulis Semula Elemen Array
Penokokan Elemen
Menambah Elemen Menggunakan Kunci
Array Jarang
Menambah Elemen Melalui push
Kunci dari Pemboleh Ubah
Operator delete
Amalan Mencari Kesilapan
Objek
Pengenalan kepada Objek
Memaparkan Keseluruhan Objek
Kekunci String Objek
Sifat Objek
Sekatan pada Kekunci Objek
Menukar Elemen
Menambah Elemen
Ketidaktertiban Objek
Array Kekunci Objek
Panjang Objek
Kekunci dari Pembolehubah
Ralat Mengakses Elemen
Ralat Mengakses Sifat
Sifat Terkomputer
Operator in
Operator delete
Penaipan Objek
Array sebagai Objek
Membezakan Array dari Objek
Objek dan Primitif
Menghantar Objek secara Rujukan
Pemalar
Pendekatan Pengaturcaraan melalui Pemalar
Amalan Mencari Ralat
Syarat
Konstruksi if-else
Pengoperasi lebih dan kurang
Pemeriksaan kesamaan
Pemeriksaan ketidaksamaan
Perbandingan pemboleh ubah
Kesamaan rentetan
Kesamaan rentetan dan nombor
Kesamaan mengikut nilai dan jenis
Ketidaksamaan mengikut nilai dan jenis
Logik DAN
Logik ATAU
Keutamaan pengoperasi logik
Pengelompokan syarat
Penyongsangan ungkapan logik
Syarat dengan nilai boolean
Perbandingan nilai dengan jenis boolean
Bentuk ringkas pemeriksaan kebenaran
Bentuk ringkas pemeriksaan kepalsuan
Bentuk ringkas pemeriksaan umum
Syarat kompleks dalam bentuk ringkas
Pilihan tambahan konstruksi else
Pilihan tambahan kurung kerawang
Masalah pilihan tambahan kurung
Konstruksi else if
Konstruksi if-else bersarang
Konstruksi switch-case
Pilihan tambahan break
Pengoperasi ternary
Operasi logik
Fungsi confirm
Skop penglihatan
Nuansa skop penglihatan
Pemeriksaan bahagian jam
Pemeriksaan panjang rentetan dan tatasusunan
Pemeriksaan aksara rentetan
Pemeriksaan digit nombor
Pemeriksaan baki pembahagian
Amalan mencari kesilapan
Amalan
Gelung
Pengenalan
Gelung for-of
Gelung for-in
Gelung while
Gelung for
Gelung for untuk tatasusunan
Syarat dalam gelung
Pengumpulan hasil tambah nombor
Pengumpulan hasil tambah elemen
Pembentukan rentetan
Digit nombor
Pilihan kurungan kerawal
Masalah pilihan kurungan
Arahan break
Arahan continue
Gelung bersarang
Skop
Gelung bersarang dan skop
Pengisian tatasusunan
Pengubahan tatasusunan
Pengisian objek
Pengubahan objek
Kerja dengan bendera
Petua untuk menulis kod
Petua untuk penyahpepijat kod
Amalan untuk mencari ralat
Amalan
Keberdimensian
Array Berdimensi Banyak
Array Tiga Dimensi
Array Sewenang-wenang
Lelaran Array Berdimensi Banyak
Lelaran Melalui for Biasa
Mengisi Array Berdimensi Banyak
Masalah ketika Mengisi Array Berdimensi Banyak
Mengisi Array Berdimensi Banyak Mengikut Urutan
Objek Berdimensi Banyak
Lelaran Objek Berdimensi Banyak
Struktur Berdimensi Banyak
Lelaran Struktur Berdimensi Banyak
Array Objek
Kunci dari Pembolehubah
Menambah Elemen dalam Array
Menambah Elemen dalam Objek
Kaedah Piawai
Kuasa
Fungsi Pembundaran
Ekstrem
Rawak
Modulus
Kes Huruf
Pemotongan Rentetan
Carian dalam Rentetan
Penukaran dalam Rentetan
Pemisahan Rentetan
Elemen Hujung
Bahagian Array
Pemotongan Array
Carian dalam Array
Kunci Objek
Amalan Mencari Ralat
Fungsi Pengguna
Pengenalan
Parameter Fungsi
Beberapa Parameter
Parameter-Pembolehubah
Parameter Opsional
Pernyataan return
Pemanggilan Fungsi Berurutan
Perincian Halus return
Gelung dan return
Penggunaan return dalam Gelung
Cara Pengendalian return
Bendera dalam Fungsi
Operator Logik dalam Fungsi
Tips untuk Fungsi
Amalan Mencari Kesilapan
Amalan untuk Fungsi
Pembolehubah Fungsi
Pembolehubah Global
Pembolehubah Setempat
Kebetulan Nama Pembolehubah
Pengubahan Pembolehubah Global
Pembolehubah Global dan Parameter Fungsi
Kebetulan Nama dengan Parameter
Parameter-objek
Jenis Fungsi
Kod sumber fungsi dan hasil
Fungsi sebagai pembolehubah
Menulis fungsi ke pembolehubah lain
Memberikan tugas fungsi ke dalam pembolehubah
Kebetulan nama fungsi dan pembolehubah
Jenis pengisytiharan
Perbezaan pengisytiharan fungsi
Titik koma dalam pengisytiharan fungsi
Nuansa ungkapan fungsi
Fungsi dengan nama, tetapi Function Expression
Ungkapan fungsi bernama
Bagaimana memeriksa jenis fungsi
Ungkapan di sebelah kiri
Ungkapan di sebelah kanan
Tatasusunan dengan fungsi
Objek dengan fungsi
Penggunaan objek dengan fungsi
Fungsi Bersarang
Penghantaran Fungsi sebagai Parameter
Fungsi Bernama
Parameter Fungsi yang Dihantar
Penghantaran Nombor sebagai Parameter
Aplikasi
Fungsi Dalaman
Skop Fungsi Bersarang
Parameter Fungsi Luaran
Parameter Fungsi Luaran dan Dalaman
Parameter Bernama Sama
Fungsi yang Memulangkan Fungsi
Mana-mana Aras Penyarangan
Parameter Fungsi yang Dipulangkan
Fungsi Panggilan Balik
Nuansa Panggilan Balik
Fungsi Anak Panah
Aplikasi Fungsi Anak Panah
sink. dengan terjemahan
Penutupan
Akses kepada Pembolehubah Luaran
Persekitaran Leksikal Fungsi
Mengaplikasikan Persekitaran Leksikal
Pengenalan kepada Penutupan
Pembuat Kiraan menggunakan Penutupan
Nuans Pembolehubah Lokal
Nuans Pembolehubah Global
IIFE
Pelaksanaan Fungsi serta-merta
Penetapan fungsi kepada pembolehubah
Aplikasi pelaksanaan fungsi serta-merta
Tanda kurung bulat
Parameter
Pelaksanaan berganda
Perangkap tersembunyi
Titik koma untuk keselamatan
Closure dan IIFE
Rekursi
Pengenalan
Contoh dengan parameter
Jumlah elemen array dengan rekursi
Struktur multidimensi
Jumlah elemen array
Manipulasi struktur
Kaedah Menyusun
Kaedah map
Kaedah forEach
Kaedah filter
Kaedah every
Kaedah some
Kaedah find
terjemahan, tugas
Kaedah reduce
terjemahan, tugas
Operator spread
Pengenalan
Contoh yang lebih kompleks
Nilai array ekstrem
Penggabungan array
Pemisahan string
Pemisahan nombor
Operator spread dan multidimensi
todo
Pengendali rest
Penyahstrukturan
Penyahstrukturan array
Array daripada fungsi
Langkau elemen array
Nilai berlebihan array
Baki array
Nilai lalai untuk array
Fungsi lalai untuk array
Pengisytiharan pembolehubah untuk array
Penyahstrukturan objek
Nama pembolehubah untuk objek
Nilai lalai untuk objek
Pembolehubah dan nilai lalai untuk objek
Pengisytiharan pembolehubah untuk objek
Parameter fungsi
Penyahstrukturan objek parameter fungsi
Pertukaran nilai
teks
Keberdimensian berbilang
todo
Masa
Kerja dengan objek Date
Pemformatan
Menukar format tarikh
Mendapatkan hari dalam minggu
Output tarikh dengan perkataan
Menetapkan masa
Format timestamp
Perbezaan antara timestamp
Perbezaan objek dengan tarikh
Pembetulan tarikh automatik
Mencari hari terakhir bulan
Menentukan tahun lompat
Menyemak ketepatan
Mendapatkan hari tahun semasa
Hari bulan depan atau sebelumnya
Hari tahun depan atau sebelumnya
Perbezaan detik
Detik masa hari
Awal hari
Akhir hari
Semakan detik masa berkitar
Amalan untuk mendapatkan detik masa
Perbandingan rentetan
Membanding tarikh tanpa tahun
Kemasukan tarikh dalam selang
Membanding objek dengan tarikh
Pengenalan kepada DOM
Pengenalan
Elemen DOM
Mendapatkan Elemen DOM
Pemilih Kompleks Elemen DOM
Mengikat Pengendali
Pengendali Bernama
Satu Pengendali kepada Banyak Elemen
Banyak Pengendali untuk Satu Peristiwa
Pengendali untuk Peristiwa Berbeza
Teks Elemen
Kod HTML Elemen
Atribut Tag sebagai Sifat
Bekerja dengan Medan Teks
Fokus Medan Teks
Atribut Pengecualian
Rantaian Kaedah dan Sifat
Kelebihan dan Kekurangan Rantaian
Objek this
Kelebihan this
Mendapatkan Kumpulan Elemen
Pengendali Bernama dalam Gelung
Pengendali Tanpa Nama dalam Gelung
Menyahikat Pengendali Peristiwa
Menyahikat Pengendali dalam Gelung
Menyahikat Pengendali Tanpa Nama
Petua untuk Menulis Kod
Amalan Mencari Ralat
Praktikum
Atribut
Kaedah mendapatkan atribut
Kaedah menetapkan atribut
Kaedah membuang atribut
Kaedah menyemak atribut
Atribut pengguna
Nama atribut dengan sengkang
Mengakses atribut melalui kaedah
Tatasusunan kelas CSS
Menambah kelas CSS
Membuang kelas CSS
Menyemak kelas CSS
Menogol kelas CSS
Styling
Styling melalui atribut style
Styling sifat dengan sempang
Pengecualian ketika menstyling elemen
Styling melalui kelas CSS
Kelebihan styling menggunakan kelas CSS
Mengaplikasikan styling
Carian
Mencari keturunan elemen
Mencari ibu bapa elemen
Carian semua ibu bapa elemen
Carian elemen bersebelahan
Carian elemen mengikut id
Carian elemen mengikut nama tag
Carian elemen mengikut nama kelas
Carian di dalam elemen
Nod
Borang
Pengendalian textarea
Penyekatan elemen
Pengendalian kotak semak
Penggantian atribut tanpa nilai
Pengendalian butang radio
Peristiwa change
Peristiwa input
Kaedah focus dan blur
Amalan untuk mencari kesilapan
Senarai Jatuh Bawah
Bekerja dengan Senarai Jatuh Bawah
Atribut value dalam Senarai Jatuh Bawah
Menukar Item Terpilih dalam Senarai
Nombor Item Terpilih dalam Senarai
Mendapatkan Item Senarai Jatuh Bawah
Item sebagai Array
Bekerja dengan Item Senarai Jatuh Bawah
Memilih Item Senarai
Mendapatkan Item Terpilih
Objek Event
Asas bekerja dengan objek Event
Koordinat peristiwa
Jenis peristiwa
Elemen peristiwa
Mendapatkan kekunci ditekan
Menjejaki kekunci pengubah
Membatalkan tindakan lalai
Gelembung peristiwa
Elemen sasaran semasa gelembung
Menghentikan gelembung peristiwa
Berbilang pengendali pada elemen
Penghentian gelembung serta-merta
Aplikasi penghentian gelembung peristiwa
Penangkapan peristiwa
Pengendali pada elemen baru
Delegasi peristiwa
Delegasi peristiwa sejagat
Konteks
Asas bekerja dengan konteks
Konteks fungsi tidak terikat
Kehilangan konteks
Penyelesaian masalah konteks
Penyelesaian melalui pemboleh ubah
Penyelesaian melalui parameter
Penyelesaian melalui fungsi anak panah
Kaedah call
Kaedah call dengan parameter
Kaedah apply
Kaedah bind
Pemasa
Melancarkan Pemasa
Pembilang pada Pemasa
Menghentikan Pemasa
Butang untuk Melancarkan
Pelancaran Berbilang Kali
Butang untuk Menghentikan
Kerja dengan DOM
Pemasa dan Kehilangan Konteks
Amali mengenai Pemasa dan DOM
Lengahan Sebelum Pelaksanaan
Pemasa melalui Lengahan
Manipulasi Unsur
Penciptaan dan Penyisipan Unsur
Mengikat Peristiwa semasa Penyisipan
Penciptaan Unsur dalam Gelung
Mengikat Pengendali dalam Gelung
Penyingkiran Unsur
Penyisipan di Tepi
Penyisipan Sebelum
Penyisipan Bersebelahan
Penyisipan Tag Bersebelahan
Penduaan Unsur
Pemeriksaan Unsur
Amalan
Penciptaan elemen daripada array
Amalan mencipta senarai ul
Penciptaan jadual
Pengisian jadual secara konsisten
Penciptaan jadual daripada array
Penciptaan jadual daripada array objek
Menambah baris dan lajur ke jadual
Pengubahsuaian sel jadual
Pembuangan elemen baharu
Pautan untuk membuang elemen
Penciptaan pautan pembuangan
Mengedit elemen tunggal
Menyembunyikan teks semasa mengedit
Mengedit dalam set elemen
Pembuangan dan pengeditan
Pemberian gaya kepada elemen
Butang untuk menyembunyikan dan menunjukkan elemen
Banyak elemen dengan butang tunjuk
Pengaktifan elemen
Penggantian gaya pengaktifan
Amalan mengubah elemen
Fungsi dan DOM
Fungsi untuk bekerja dengan elemen DOM
Fungsi untuk bekerja dengan kumpulan elemen
Menghantar callback untuk bekerja dengan DOM
Menghantar nombor urutan dalam callback
Menghantar elemen sebagai parameter fungsi
Menghantar kumpulan elemen sebagai parameter
Fungsi untuk membuat jadual HTML
Pemulangan jadual dari fungsi
Fungsi untuk membuat jadual dari array