Cara membuat Parameter Variabel, Share undangan ke tamu

bagaimana membuat
parameter variable, pada html dengan mengunakan js? (no wordpress)

apa yang perlu saya tambahkan pada index.html saya

Saya mw share undangan digital saya ke beberapa tamu, namun kayaknya terlalu ribet jika harus membuat postingan baru atau membuat subdomain ke mereka lagi.

contoh url https://sastra-tati.webnikah.com/kepada:Kamu-Manapun%2BBerada (ntar yang muncul *kepada kamu di manapun*

dan ini website gue  : ranjhafriel.online

Tutorial banyak namun mengunakan (wordpress sedangkan saya html pure)
Terimakasih
avatar ranjhafriel

@ranjhafriel

3 Kontribusi 2 Poin


Jawaban

Caranya adalah membaca query parameter dari URL browser di Javasript.

1. Mengambil query search di URL, bisa dengan
const querySearch = window.location.search
Contoh di url kamu undangan.com?nama=Halin
maka `querySearch` sekarang adalah `?nama=Halin`

2. Membuat object URLSearchParams untuk memisahkan string tadi jadi key value.
const params = new URLSearchParams(window.location.search)

3. Menguji apakah query tertentu ada di search. Jika ada bisa dapat dengan metode .get
if(params.has('nama')) {
  const nama = params.get('nama')
}



avatar hilmanski

@hilmanski

2540 Kontribusi 2085 Poin


berarti ini tinggal saya input di index.hmtl saja ya kak? 3 coding d atas
avatar ranjhafriel

@ranjhafriel

3 Kontribusi 2 Poin


oh ia bukannya untuk querysearch itu hanya mengambil ?nama= saja kak?
avatar ranjhafriel

@ranjhafriel

3 Kontribusi 2 Poin


Login untuk gabung berdiskusi