JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type="submit" name="enviar" id="get" value="Obtener" />
<input type="submit" name="enviar" id="set" value="Fijar" />
</form>
<div id="intentos"></div>
JavaScript
function setCookie(nombre, valor, expiracion, ruta, dominio, seguridad){
//DATOS DE LA COOKIE......................................................
var datosCookie = nombre + "=" + valor +
((expiracion) ? "; expiracion=" + expiracion.toGMTString() : "") +
((ruta) ? "; ruta (path)=" + ruta : "") +
((dominio) ? "; dominio" + dominio : "") +
((seguridad) ? "; seguridad" : "");
document.cookie = datosCookie;
return datosCookie;
}
function getCookie(nombre){
var indice = nombre + "=";
//Conseguimos el indice de (indice)
var indiceInicioCookie = document.cookie.indexOf(indice);
if (indiceInicioCookie == -1){
return null;
}
var indiceFinalCookie = document.cookie.indexOf(";", indiceInicioCookie + indice.length);
if(indiceFinalCookie == -1)
indiceFinalCookie = document.cookie.length;
return unescape(document.cookie.substring(indiceInicioCookie + indice.length, indiceFinalCookie));
}
function get(event){
var visitas = getCookie("contador");
if (!visitas){
visitas = 1;
}else{
visitas = parseInt(visitas) + 1;
setCookie("contador", visitas);
mensaje_num_intentos = "Esta es tu visita numero: " + visitas;
document.getElementById("intentos").innerHTML = mensaje_num_intentos;
}
return false;
}
function set(event){
var datosCookie = setCookie("contador", 0);
console.log(datosCookie);
return false;
}
document.getElementById("get").onclick = get;
document.getElementById("set").onclick = set;