JSFiddle - React, Tailwind, and code Playground

HTML

Name <input id='Name' value='John Doe' /><br />
Email <input id='Email' value='someemail@adomain.com' /><br />
Gender <input id='Gender' value='Male' /><br />
<b>JSON String Version</b><br />
<textarea style='width:400px; height:100px;' id='txtString'></textarea><br />
<b>Cookie Result</b><br />
<textarea style='width:400px; height:100px;' id='txtCookie'></textarea><br />
<button id='save'>Do</button>

JavaScript

var saveButton=document.getElementById("save");
var username=document.getElementById("Name");
var email=document.getElementById("Email");
var gender=document.getElementById("Gender");

function setCookie(value, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = "CookieNameHereV2"+ "=" + value + "; " + expires;
    if(document.cookie)
        return true;
}

saveButton.onclick=function () {
    var object={name : username.value, email : email.value, gender : gender.value};
    var stringObj=JSON.stringify(object);
    
    document.getElementById("txtString").innerText = stringObj;
    if(setCookie(stringObj,1)) {
        alert("cookie set \n check the textbox when you click ok");
        document.getElementById("txtCookie").innerText = document.cookie;
   }
};