Estoy usando JS-Cookie para hacer un simple juego de clicker. Cuando llamo a la función, funciona una vez, pero luego tengo que actualizar para que la función vuelva a funcionar. Intenté agregar un archivo console.log después para ayudar a depurarlo, y aparece el registro, pero el archivo Cookies.set no funciona. No sé lo que está sucediendo y no estoy muy familiarizado con esta biblioteca, por lo que se agradece cualquier ayuda.
JavaScript
(function refreshCookies(i) { setTimeout(function () { let flame = Cookies.get('flame'); let gems = Cookies.get('gems'); let cuid = Cookies.get('CUID'); let username = Cookies.get('username'); let value = Cookies.get('value'); let value_amount = document.getElementById('value-amount'); let flame_amount = document.getElementById('flame-amount'); let gem_amount = document.getElementById('gem-amount'); let board_placing = document.getElementById('board-placing'); let welcome_username = document.getElementById('welcome-username'); let username_header = document.getElementById('username-header'); let title = document.getElementById('title'); value_amount.innerHTML = "$" + value; flame_amount.innerHTML = "<i class=\"fas fa-fire-alt\"></i> " + flame; gem_amount.innerHTML = "<i class=\"fas fa-gem\"></i> " + gems; welcome_username.innerHTML = "Welcome, " + username + "!"; username_header.innerHTML = username; title.innerHTML = "Shoe Clicker - $" + value; if (--i) { refreshCookies(i); } }, 0500); })(Infinity); // clicker function addClick() { Cookies.set('value', parseInt(value) + 1); console.log('click added!'); }HTML
<section onclick="addClick();" class="clicker"> <h2>Press anywhere to get money!<h2> <i class="fas fa-dollar-sign"></i> </section>Use un incremento para aumentar el valor en cada clic. Una demostración simple está en el siguiente fragmento.
var money = 0 function addClick() { money++ document.getElementById("demo").innerHTML = money } <section onclick="addClick();" class="clicker"> <h2>Press on me to get money $ !</h2> <i class="fas fa-dollar-sign"></i> </section> <div id="demo"></div>¿Has probado a añadir algo como esto?
function addClick() { let value = Cookies.get('value'); Cookies.set('value', parseInt(value) + 1); console.log('click added!'); }