mewarnai hurup REGEX

-------------

str = str.replace(/a\s+([\s\S]*?)\s+b/g, "a <span style='color:#ffffff;'>$1</span> b");

-------------

Novel Regex: "Misi Penyelamatan di Antara Dua Gerbang" Di sebuah kota besar bernama String, hiduplah seorang detektif bernama Regex.
Suatu hari, dia dapet tugas khusus buat nyari sebuah paket rahasia yang kejepit di antara dua markas.
Begini percakapan mereka saat lagi nyusun strategi:

1. a\s+ (Si Pengintai Gerbang Depan)
Regex: "Oke tim, posisi kita mulai dari huruf a. Tapi inget, jangan asal a! Cari a yang di depannya ada Spasi (\s+). Itu tandanya gerbang masuk markas sudah terbuka.
Kalau nemu a tapi nempel sama huruf lain kayak 'ayam', cuekin aja, itu bukan target kita!"

2. ([\s\S]*?) (Si Kurir Serba Bisa)
Regex: "Nah, kalau gerbang a sudah ketemu, sekarang giliran kamu, Kurir! Kamu masuk dan ambil semua yang ada di sana. Mau itu teks, angka, spasi, bahkan kalau si target lagi ngumpet di baris bawah (Enter), angkut semua ([\s\S])!"
Kurir: "Siap bos! Tapi saya ambilnya kalem aja kan (?)?"
Regex: "Iya, jangan serakah. Ambil dikit-dikit sampai kamu liat ada tanda gerbang penutup. Jangan kebablasan!"

3. \s+b (Si Penjaga Gerbang Belakang)
Regex: "Kurir, kamu harus berhenti tepat sebelum kamu nabrak Spasi yang diikuti huruf b. Huruf b itu adalah tembok terakhir kita. Begitu kamu liat bayangan b, langsung lapor ke saya!"

4. "a $1 b" (Si Tukang Bungkus)
Regex: "Laporan diterima! Sekarang kita bungkus hasil tangkapan si Kurir tadi ($1) pakai kain sutra warna putih (color:#ffffff). Tapi inget, gerbang a dan gerbang b jangan ikut dibungkus, mereka cuma penanda jalan saja!"

Kenapa ini "Sakti"?
Dengan pola ini, Abang bisa bikin variasi lain. Misalnya mau ganti a dan b jadi simbol lain:
Pakai [ dan ]? Bisa!
Pakai kata mulai dan selesai? Bisa banget!
Logikanya tetep sama: Ada Pembuka - Ada Isi - Ada Penutup.

tab editor

Enter

Editor portabel

-- Radar Aktif, Bang! --

Terkirim

Pilih catatan di bawah atau buat baru

arsip klip label layer Tulis

local tanpa input

<div> <button onclick="saveData()">Save Data</button> <button onclick="hapus()">hapus</button> </div> <div id="savedData"></div> <script> function saveData() { localStorage.setItem('tanpa_input', 'ini tempat input'); tanpainput(); } function tanpainput() { const dta = localStorage.getItem('tanpa_input'); document.getElementById('savedData').innerHTML = dta ? dta:'local ini tanpa input' ; } function hapus() { localStorage.removeItem('tanpa_input'); tanpainput(); } tanpainput(); </script>

Local storage hanya muncul sekali

Strategi menggunakan "Status/Tanda" di LocalStorage seperti itu memang sangat efektif untuk mengatur apa yang harus tampil di layar tanpa harus mengandalkan isi datanya langsung. Ini trik yang sering dipakai pengembang untuk membuat fitur seperti: ​Tutorial yang hanya muncul sekali saat aplikasi dibuka pertama kali. ​Pesan sambutan (Welcome message). ​Banner promo yang kalau sudah di-close tidak akan muncul lagi.

-->