將捕獲的數據從帶有變量的 function 傳輸到名為“用戶”的單個 Object，並將數據保存在 sessionStorage 中

Question

<div id="body-container">
    <form id="user" action="login.html">
        <input type="text" id="firstname" placeholder="Enter your First Name">
        <input type="text" id="lastname" placeholder="Enter your Last Name">
        <input type="number" id="age" placeholder="Enter your Age">
            <select id="gender"" name="gender">
                <option value="Male">Male</option>
                <option value="Female">Female</option>
            </select>
        <input type="text" id="username" placeholder="Enter your Username">
        <input type="password" id="password" placeholder="Enter your Password">
        <br> <br>
        <input type="submit" value="Submit" onclick="register()">
    </form> 
</div>

<footer id="footer">
    <p>Created on November 2019, by <a href = "http://Jon_Doe.com>John Doe</a></p>
</footer>

<script>
     function register(){
         var firstname = document.getElementById("firstname").value
        var lastname = document.getElementById("lastname").value
        var age = document.getElementById("age").value
        var gender = document.getElementById("gender").value
    }
</script>

我必須從 function register() 傳輸所有捕獲的數據並將其保存在名為“user”的 object 中，然后將該數據保存到 sessionStorage。

Answer 1

您可以使用您的數據創建一個 object：

function register(){
    var firstname = document.getElementById("firstname").value;
    var lastname = document.getElementById("lastname").value;
    var age = document.getElementById("age").value;
    var gender = document.getElementById("gender").value;

    var user = {
        firstname: firstname,
        lastname: lastname,
        age: age,
        gender: gender,
    };
}

並將其存儲在sessionStorage.setItem("user", JSON.stringify(user))