Создание куки для сайта — это процесс, который можно выполнить с помощью JavaScript. Вот пошаговая инструкция:
### 1. Напишите функцию для установки куки
Создайте функцию, которая будет установливать куки:
function setCookie(name, value, days) {
let expires = "";
if (days) {
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
### 2. Используйте функцию для создания куки
Теперь, когда у вас есть функция, вы можете установить куки. Например, для установки куки, которая хранит имя пользователя на 7 дней:
setCookie("username", "JohnDoe", 7);
### 3. Напишите функцию для чтения куки
Для чтения куки создайте функцию:
function getCookie(name) {
const nameEQ = name + "=";
const ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
### 4. Используйте функцию для чтения куки
Теперь вы можете получить значение установленной куки:
let username = getCookie("username");
if (username) {
console.log("Welcome back, " + username);
} else {
console.log("Welcome, new user!");
}
### 5. Напишите функцию для удаления куки
Для удаления куки создайте следующую функцию:
function deleteCookie(name) {
document.cookie = name + '=; Max-Age=-99999999;';
}
### 6. Пример использования
Объедините все вместе. Пример использования куки:
// Устанавливаем куки
setCookie("username", "JohnDoe", 7);
// Читаем куки
let username = getCookie("username");
if (username) {
console.log("Welcome back, " + username);
} else {
console.log("Welcome, new user!");
}
// Удаляем куки
deleteCookie("username");