How edit elements of existing link and open the edited version of the link? (Without saving it localy)

I want to build a html website_A where you can type some data and then open another website_B with a button click and this website_B would be changed according to the text we typed in the first website.

For example we have a website_B example.com with a <h1 id="xxx">

We save the link in our website_A as a string, insert an input field and button with onClick function:

<input type="text" id="text_id" name="text_name"><br><br>
<input type="submit" value="Open Link!" onclick="openLink()">

<script>
   var link = 'example.com';
   function openLink() {
   link.getElementById("xxx").innerHTML = document.getElementById("text_id").text;
   window.open(link);
</script>
}

It should open the link with the changed h1.

Somehow it doesn't work, I don't know the javascript much, not even sure if I can achieve it with js or I have to use some othere languages. I googled a lot and didn't find anything, most information is about changing files locally or changing just the href link, not its elements.

I appreciate your help!