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

Diperbarui 1 tahun yang lalu

3 Jawaban:

<div>Caranya adalah membaca query parameter dari URL browser di Javasript.<br><br>1. Mengambil query search di URL, bisa dengan</div><pre>const querySearch = window.location.search</pre><div>Contoh di url kamu undangan.com?nama=Halin<br>maka querySearch sekarang adalah ?nama=Halin<br><br>2. Membuat object <a href="https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams">URLSearchParams</a> untuk memisahkan string tadi jadi key value.</div><pre>const params = new URLSearchParams(window.location.search)</pre><div><br>3. Menguji apakah query tertentu ada di search. Jika ada bisa dapat dengan metode .get</div><pre>if(params.has('nama')) { const nama = params.get('nama') }</pre><div><br></div><div><br><br></div>

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 1 tahun yang lalu

<div>berarti ini tinggal saya input di index.hmtl saja ya kak? 3 coding d atas</div>

avatar ranjhafriel
@ranjhafriel

3 Kontribusi 2 Poin

Dipost 1 tahun yang lalu

<div>oh ia bukannya untuk querysearch itu hanya mengambil ?nama= saja kak?</div>

avatar ranjhafriel
@ranjhafriel

3 Kontribusi 2 Poin

Dipost 1 tahun yang lalu

Login untuk ikut Jawaban