javascript - javascriptを使用してユーザーが入力した値を別のhtmlページに渡し、javascript関数を使用してリダイレクトする

Question

ユーザーに次の入力を求めるhtmlページがあります

1. ユーザー名とパスワードをクリックして送信し、load.html にリダイレクトします。
2. 入力はありませんが、ID の生成をクリックすると、自動的に load.html にリダイレクトされます
3. 一意の ID を入力し、load.html にリダイレクトします

ただし、ユーザー名とパスワード、または一意の ID を保存する必要があることはわかっています。私は次のことを試しました

var user = document.getElementById("username");
var password = document.getElementById("password");
localStorage.user = user;
localStorage.password = password;

そして、次のようにしてload.htmlでそれを使用しようとします

var user = localStorage.user;

しかし、変数を使用してユーザー入力を取得する方法がわかりません。さらに、フォームではなく関数を使用して別の Web ページにリダイレクトする方法はありますか?

前もって感謝します

function connector_id()
{
    var id_ =document.getElementById("id")
    id_.innerHTML=Math.floor((Math.random()*100000000)+100000000);
    return id_;
}

var user = document.getElementById("username");
var password;
localStorage.user = user;
localStorage.password = password;



</script>


<form action = "load.html" method = "post">
    Username: <input type = "text" name = "username" id="username"/>
    <br />
    Password: <input type = "password" name = "pass" />
    <br />
    <input type = "submit" value = "Submit">
</form>


<p id ="id"></p>

<button onclick="connector_id()">generate</button>
</p>

<form action = "load.html" method = "post">
    ID: <input type = "text" name = "username" />
    <input type = "submit" value = "Submit">
</form>