How to go to another page on button click?

Question

ASP.NET

I have the following html code:

<div class="buttons">
<p><input type="text" name="userName" placeholder="Name:" size="18" /></p>
<p><input type="text" name="userName" placeholder="Name of the room:" size="18" /></p>
<a href="#" class="modal__trigger2">Join Room</a>
</div>

I want to go to another page by clicking on a button (a tag). How can I do this?
In addition to a simple transition, I also need to transfer the name and name of the room to a new page. This data should be displayed there.

Answer 1

1) add id for input.
2) make a call to this function on pressing a or button (example code):

function openURL()
{
    let user = document.getElementById('userName').value;
    let room = document.getElementById('roomName').value;
    var url = '/?user=' + encodeURIComponent(user) + '&room=' + encodeURIComponent(room) ;

    window.location.href = url;
}

3) And on another page you parse the URL