How to open a new Tab with bind parameters using java script

Question

This is my function. I want to open a new window with the below URL and pass these parameters.

 function viewWeightAge() {
            var userNIC = document.getElementById("NICNo");
            var childName = document.getElementById("childName");
            window.location.href = "https://localhost:8080/KiddieCare/AdminPanel/WeightAgeGraph.jsp?childName="+childName+"&userNIC="+userNIC;
         
        }

can anyone explain me the error?

Question Updated.

function showWeightAge(){
    var userNIC = document.getElementById("NICNo");
            var childName = document.getElementById("childName");
            var parameters= userNIC,childName;
            window.open ('https://localhost:8080/KiddieCare/AdminPanel/WeightAgeGraph.jsp','Window Name',parameters);
}

I Have tried. It's an open new Window. Like this

using window.open() I can open a window but I want to send parameters to the new JSP.

Answer 1

Instead of using window.location.href which change the url of the current window

you should use window.open() https://www.w3schools.com/jsref/met_win_open.asp

Note that it could be blocked as an unwanted popup

In your case it can be done as

function viewWeightAge() {
     const userNIC = document.getElementById("NICNo");
     const childName = document.getElementById("childName");
     window.open("https://localhost:8080/KiddieCare/AdminPanel/WeightAgeGraph.jsp?childName="+childName+"&userNIC="+userNIC);
}