javascript - html 按钮重定向到 <input> 中指定的页面

Question

我需要将用户重定向到输入标记中指定的页面。

<div id="center">
      <input type="text" id="username" placeholder="Username">
      <button onclick="location.href='rooms/VALUE'" id="connect">EnterRoom</button>
</div>

因此，如果按钮标签内显示“VALUE”，它将重定向到 mysite.com/rooms/VALUE

“VALUE”输入将由用户在输入标记内输入。

有什么简单的方法可以做到这一点吗？

Answer 1

您可以使用

获取输入的值

document.getElementById('username').value

<div id="center">
      <input type="text" id="username" placeholder="Username">
      <button onclick="location.href='rooms/' + document.getElementById('username').value" id="connect">EnterRoom</button>
</div>