【发布时间】:2021-11-18 13:21:41
【问题描述】:
我正在使用 JS-Cookie 制作一个简单的点击游戏。当我调用该函数时,它会工作一次,但是我必须刷新该函数才能再次工作。我尝试在它之后添加一个 console.log 来帮助调试它,并且显示了日志,但是 Cookies.set 不起作用。我不知道发生了什么,而且我对这个库不太熟悉,因此不胜感激。
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>
【问题讨论】:
-
控制台出现错误?
-
顺便说一句,您在
addClick中使用了value,但您在不同的函数中声明了它 -
“只工作一次”是什么意思?您的意思是该值仅更改一次(在初始页面加载时)?
-
控制台没有错误,我的意思是,当我加载页面并单击时,该功能将起作用。但是如果我再次尝试点击,它就不起作用了。
标签: javascript html js-cookie