Como usar cookies com JavaScript?

O que são Cookies? 

O cookie (biscoito em inglês) é um grupo de dados trocados entre o navegador e o servidor, guardado em um arquivo de texto criado no seu computador. A sua função principal é a de manter a persistência de sessões (e dados) durante a navegação. Ou seja, é uma forma de guardar dados ao fechar/mudar de página. Assim é possível manter sessões, por exemplo. É por isso que você não faz o login sempre que abre a página do Facebook, Gmail ou de qualquer outro site que armazena sua sessão pelos cookies.

 Como criar um em Javascript?

Para criar um uso esta function muito útil:

<script>
//CRIAR COOKIE
            function setCookie(name,exdays, value){   
                //função universal para criar cookie
                var expires;
                var date;                
                date = new Date(); //  criando o COOKIE com a data atual
                date.setTime(date.getTime()+(exdays*24*60*60*1000));
                expires = date.toUTCString();               
                document.cookie = name+"="+value+"; expires="+expires+"; path=/";
            }
</script>

Como ler os cookies criados:


<script>
//Exibir
            function getCookie(name) {
                var cookies = document.cookie;
                var prefix = name + "=";
                var begin = cookies.indexOf("; " + prefix);
                if (begin == -1) {

                    begin = cookies.indexOf(prefix);
        
                    if (begin != 0) {
                        return null;
                    }
                } else {
                    begin += 2;
                }
                var end = cookies.indexOf(";", begin);
                if (end == -1) {
                    end = cookies.length;                       
                }
                return unescape(cookies.substring(begin + prefix.length, end));
            }
</script>

Exibir:

<script>
//Excluir
            function deleteCookie(name) {
                   if (getCookie(name)) {
                      document.cookie = name + "=" +"; expires=Thu, 01-Jan-70 00:00:01 GMT";
                   }
            }
</script>

Até logo e espero ter ajudado.