HTML Form action doesn't send the result to target destination

I would like to run my HTML action form, which looks like this:

   <form id="form1" action="data.html" method="GET" onsubmit="mySubmit()" onreset="myReset()">

and example below:

   <figure class="fig">
                                <label>
                                    <div class="order">1</div>
                                    <p>Property Address and Postcode<span class="asterisk">&#42; 
   </span></p>
                                </label>
                                <br>
                                <input class="validation" name="address" type="text" id="opaddress" 
   placeholder="Enter full address" required  onkeyup='saveVelue(this);'/>
                                <br>
                            </figure>

In the target file data.html I have:

    <body>
    <div id="opresults"></div>
    <a href="site_survey.html">Back to Form</a>
    <script>
        const resultsList = document.getElementById('opresults')
        new URLSearchParams(window.location.search).forEach((value, name) => {
            resultsList.append(`${name}: ${value}`)
            resultsList.append(document.createElement('br'))
        })
     </script>
    </body>

enter image description here

I don't understand why my address is not picked up on the target page

What have I done wrong?