setgetcookie.html

<html>
    <head>
        <title> Cookie Creation</title>
    </head>

<body onload="getCookie()">

    <label> name: </label>
    <input type="text" id="name" /><br><br>
    <label> age: </label>
    <input type="number" id="age" /><br><br>

    <input type="button" value="Set Cookie" onclick="setCookie()" />
    <p id="content"></p>

    <script>
        function setCookie() {
            var nameValue = document.getElementById("name").value;
            var ageValue = document.getElementById("age").value;

            document.cookie = "name=" + nameValue 
            document.cookie = "age=" + ageValue;
            getCookie();
        }

        function getCookie() {
            var cookiearr = document.cookie.split(";");

            for (i = 0; i < cookiearr.length; i++) {
                var pair = cookiearr[i].trim().split("=");

                if (pair[0] === "name") {
                    var name = pair[1];
                } else if (pair[0] === "age") {
                    var age = pair[1];
                }
            }

            document.getElementById("content").innerHTML = "Name: " + name + ", Age: " + age;
        }
    </script>

</body>

</html>