Dec 31, 2020
Back to all Elements
2 JavaScripts to pass parameters in the URL.
First script, takes the inputs in a form, and on form submit, adds them to the destination URL.
document.getElementById("send-form").addEventListener("submit", function(e){
e.preventDefault();
var fnameValue = document.getElementById("fname").value;
var lnameValue = document.getElementById("lname").value;
var emailValue = document.getElementById("email").value;
var compValue = document.getElementById("company").value;
window.location = window.location + "catch" + "?fname=" + fnameValue + "&lname=" + lnameValue + "&email="+ emailValue + "&comp=" + compValue;
});
The 2nd part catches the parameters from the URL and populate the form fields:
var url_string = window.location.href;
var url = new URL(url_string);
var fname = url.searchParams.get("fname");
var lname = url.searchParams.get("lname");
var email = url.searchParams.get("email");
var comp = url.searchParams.get("comp");
document.getElementById('fname').value = fname;
document.getElementById('lname').value = lname;
document.getElementById('email').value = email;
document.getElementById('company').value = comp;
.png)
The videos Kurzgesagt channel creates are so beautifully animated, that I almost forget that I learn so much while watching them!
.png)
.png)