Как перейти на другую страницу по нажатию кнопки?

Question

[Urope]

у меня есть следующий html код:

<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>

Я хочу перейти на другую страницу, нажав на кнопку (тег a). Каким образом мне это сделать?
Кроме простого перехода, мне нужно на новую страницу перенести еще имя и название комнаты. Эти данные должны там отобразиться

Comments

[twobomb]

Про формы слышали?

[Urope]

twobomb, не слышал, что это?

[Urope]

twobomb, а, разобрался, спасибо https://metanit.com/sharp/aspnet5/7.8.php

Answer 1

[Евгений Гл]

1) добавь id для input.
2) сделай вызов этой функции по-нажатия a или button (примерный код):

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) А на другой странице парсишь URL