Привет! Я хочу рассказать тебе о том, как я создал страницу, которая помогает пользователю вводить свое имя и электронную почту․ Когда пользователь отправляет форму, создается cookie-файл с его данными, и происходит перенаправление на страницу приветствия, где отображается его имя․
Следующим шагом я написал скрипт на JavaScript, который получает значения из полей формы и сохраняет их в cookie-файле․ Прежде всего, я получаю доступ к элементам формы с помощью методов getElementById или querySelector․ Затем я использую метод document․cookie, чтобы создать cookie-файл с данными пользователя․ Пример может выглядеть так⁚
javascript
function setCookie {
var name document․getElementById(″name″)․value;
var email document․getElementById(″email″)․value;
document․cookie ″name″ name ″; expiresThu, 31 Dec 2022 23⁚59⁚59 UTC; path/»;
document․cookie ″email″ email ″; expiresThu, 31 Dec 2022 23⁚59⁚59 UTC; path/»;
}
Здесь ″name″ и ″email″ ౼ это ключи cookie-файла, а значение каждого ключа ౼ это соответствующее значение, введенное пользователем․ Я также установил срок действия cookie-файла до конца 2022 года и указал путь доступа к файлу․
Пример скрипта может выглядеть так⁚
javascript
function getCookieValue(name) {
var cookies document․cookie․split(″; ″);
for (var i 0; i < cookies․length; i ) {
var cookie cookies[i]․split(″″);
if (cookie[0] name) {
return cookie[1];
}
}
return ″″;
}
Здесь функция getCookieValue получает имя cookie-файла в качестве аргумента и возвращает его значение․ Я разбиваю cookie-файлы на элементы массива, используя разделитель ″; ″, а затем разбиваю каждый элемент на ключ и значение с помощью разделителя ″″․ Если ключ соответствует переданному имени, я возвращаю соответствующее значение․
Теперь у нас есть страница приветствия, где выводится имя пользователя․ Но что, если пользователь захочет выйти и вернуться на страницу ввода данных? Я добавил кнопку ″Выйти″ на страницу приветствия, и при нажатии на нее происходит удаление cookie-файла с данными пользователя и перенаправление на страницу ввода данных․
Вот пример скрипта JavaScript для этого⁚
javascript
function deleteCookie(name) {
document․cookie name ″; expiresThu, 01 Jan 1970 00⁚00⁚00 UTC; path/;″;
}
document․getElementById(″logout″)․addEventListener(″click″, function {
deleteCookie(″name″);
deleteCookie(″email″);});
Функция deleteCookie принимает имя cookie-файла в качестве аргумента и устанавливает срок его действия на прошедшую дату․ Тогда cookie-файл будет удален․ При нажатии на кнопку ″Выйти″ я вызываю эту функцию для удаления cookie-файлов с именем и электронной почтой пользователя, а затем перенаправляю пользователя на страницу ввода данных․
Вот как я создал страницу с формой для ввода имени и электронной почты, которая сохраняет данные пользователя в cookie-файле и перенаправляет на страницу приветствия, где отображается имя пользователя․ Я также добавил кнопку ″Выйти″, которая удаляет cookie-файл и перенаправляет на страницу ввода данных․ Моя страница работает замечательно, и я надеюсь, что эта информация тебе пригодится!