Latihan 1 dari materi Character Classes di Regex — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Lengkapi tiga function validasi di starter. Tiap function mengembalikan hasil test() dari regex-nya, jadi true atau false.
isAlphanumeric(str): true kalau seluruhstr cuma berisi huruf (besar atau kecil) dan angka, minimal 1 karakter. Ada spasi, atau teksnya kosong "", berarti false.
isHexColor(str): true kalau str adalah warna hex: tanda #, lalu tepat 3 atau tepat 6 karakter hex (0-9, a-f, A-F). #fff dan #1a2B3c sah; #12345 dan 123abc gak sah.
containsDigit(str): true kalau str berisi minimal satu angka, di mana saja.
Tujuh console.log di bawahnya sudah ada di starter; biarkan. Output yang diharapkan, baris per baris:
true
false
true
true
false
true
false
Selain itu dicek juga: isAlphanumeric("") mengembalikan false, isHexColor("#12345") mengembalikan false, dan isHexColor("#ABCDEF") mengembalikan true.
Hint
Validasi seluruh teks butuh ^ di awal pola dan $ di akhir. Di antaranya, character class menentukan karakter yang boleh, lalu + (satu atau lebih) atau {n} (tepat n) menentukan jumlahnya. Mencari satu angka di mana saja gak butuh ^ dan $.
isAlphanumeric: ^, class [A-Za-z0-9], +, $. isHexColor: dua pola, ^# lalu class [0-9a-fA-F] dengan {3}, dan yang sama dengan {6}, digabung dengan ||. containsDigit: cukup class [0-9].
return /^[A-Za-z0-9]+$/.test(str); untuk isAlphanumeric, return /^#[0-9a-fA-F]{3}$/.test(str) || /^#[0-9a-fA-F]{6}$/.test(str); untuk isHexColor, dan return /[0-9]/.test(str); untuk containsDigit.
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...