<!DOCTYPE html>
<html>
<body>
<H1 id="H1"></H1>
<input type="button" onclick="setCookie('username', 'Varun', 10)" value="Set Cookie">
<input type="button" onclick="readCookie('username')" value="Read Cookie">

<script>
    function setCookie(cookieName, cookieValue, expiryDays)
    {
        const cookieDate = new Date();
        cookieDate.setTime(cookieDate.getTime() + (expiryDays*24*60*60*1000));
        var expires = "expires=" + cookieDate.toUTCString();
        document.cookie = cookieName + "=" + cookieValue + ";" + expires + ";path=/";
        document.getElementById("H1").innerHTML="Cookie Created";
    }
    function readCookie(name)
    {
        var cookieArr = document.cookie.split(";");
        for(var i=0;i<cookieArr.length;i++)
        {
            var cookiePair = cookieArr[i].split("=");
            cookiePair[0] = cookiePair[0].trim();
            if(name == cookiePair[0])
            {
                document.getElementById("H1").innerHTML = decodeURIComponent(cookiePair[1]);
            }
        }
    }
</script>
</body>
</html>