How to get base64 encoded value from URL parameters and place it in an input field with JavaScript

Question

I want to use (base64 encoded key) as URL parameter

like: mydomain.com/?key=cHVyY2hhc2VwcmljZT0zNCQ=

that returns: purchaseprice=34$

I read How to get base64 encoded... but it did not help.

here is my working code without base64:

<input type="text" id="price" />
<script>
const url = new URL(window.location);
document.querySelector('#price').value = url.searchParams.get('purchaseprice');
</script>

and in Codepen

Answer 1

If you're expecting the return value of purchaseprice to be base64 encoded then you'll need to use the atob() function:

<input type="text" id="price" />
<script>
const url = new URL(window.location);
document.querySelector('#price').value = atob(url.searchParams.get('purchaseprice'));
</script>

Details here: Base64 Encoding / Decoding in JavaScript.

Example: CodePen

Answer 2

thanks to cptcoathanger

i did it With this Simple code.

var fdurl = new URL(window.location);
var fdunc = fdurl.searchParams.get('key');
var url = "https://codepen.io/shahabarvin/pen/JmzyZq?" + window.atob(fdunc); 
document.querySelector('#price').value = new URL(url).searchParams.get("purchaseprice");

<input type="text" id="price" />

Codepen