llamar a una funcion con un boton

[mensajeescrito]

Mas sencillamente todavía, la solución que funciona:

Decir que este condigo que he conseguido, por fin que funcione, hace que cuando hago click en el boton enviar de un formulario, me indica que se ha enviado dicho formulario,

una, dos , tres... n veces.

Y como digo lo hace bien. pero lo que necesito y no se como hacer, es que haga lo mismo mediante una cookie.

Código HTML:

<form>
 
<input bla bla bla />
 
<input bla bla bla />
 
<input type="submit" name="enviar" id="enviar" value="Enviar" />
 
</form>
 
 
 <div id="intentos"></div>
 

Código Javascript:

document.getElementById("enviar").onclick = contador;
 
 
    var i = 0;
 
    function contador()
    
        {     
            i = i + 1;
            
            var mensaje_num_intentos = document.getElementById("enviar");
            
            mensaje_num_intentos = "Intento de Envíos del formulario " + i;
 
            document.getElementById("intentos").innerHTML = mensaje_num_intentos;
        }
 

Como digo tengo que hacerlo con una cookie, y lo unico que mi profesor me ha dado al explicarme el tema de cookies es esto:

Código Javascript:

function setCookie(name, value, expires, path, domain, secure) {
  document.cookie = name + "=" + escape(value) + 
  ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
  ((path == null) ? "" : "; path=" + path) +
  ((domain == null) ? "" : "; domain=" + domain) +
  ((secure == null) ? "" : "; secure");
}
 
 
document.cookie="username=John Doe; expires=Thu, 18 Dec 2016 12:00:00 UTC; path=/";
 
var x = document.cookie;
 

y con sinceridad no se como implementarlo para hacerlo, agradeceria cualquier ayuda, gracias de antemano.