Как исправить код, который запоминает в куках и выводит на след странице данные пользователя?

@Siurendy · Регистрация: 07.06.2016

Студворк — интернет-сервис помощи студентам

Здравствуйте. Имеется код, который запоминает в куках браузера введенные пользователем имя и фамилию. Затем перенаправляет на страницу (page2.html), где выводит указанные пользователем имя и фамилию.

Но нужно кое что исправить. Помогите пожалуйста.

1. Нужно убрать на страницах кнопку/функцию "Забудь обо мне!"
2. Надо чтобы введенные пользователем имя (name) и фамилия (family-name) выводились на странице page2.html по отдельности, чтобы можно было поставить их в разные части страницы.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<section id="user-greeting">
    <form>
        <label>
            Имя
            <input type="text" autocomplete="name" name="name" required>
        </label>
        <label>
            Фамилия
            <input type="text" autocomplete="family-name" name="family-name" required>
        </label>
        <button onclick="location.href='https://site.ru/page2.html'">Запомнить</button>
    </form>
    <section>
        Привет, <span class="name"></span>, добро пожаловать на сайт!
        <button id="user-greeting-forget-button">Забудь обо мне!</button>
    </section>
</section>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
    (function main() {
        var form = document.querySelector("#user-greeting > form");
        var section = document.querySelector("#user-greeting > section");
        
        function changeView() {
            if ("name" in localStorage) {
                form.style.display = "none";
                section.style.display = "";
                document.querySelector("#user-greeting .name").textContent = localStorage.name;
            } else {
                section.style.display = "none";
                form.style.display = "";
            }
        }
        
        form.addEventListener("submit", function(event) {
            event.preventDefault();
            var data = new FormData(form);
            localStorage.name = [data.get("name"), data.get("family-name")].join(" ");
            changeView();
        });
        
        document.getElementById("user-greeting-forget-button").addEventListener("click", function() {
            delete localStorage.name;
            changeView();
        });
        
        changeView();
    })();

@ТабуретY · 06.09.2019, 15:12

Можно так сделать, когда помещаем в локальное хранилище

JavaScript
1
2
3
4
5
6
7
form.addEventListener("submit", function(event) {
            event.preventDefault();
            var data = new FormData(form);
            localStorage.name = data.get("name");
            localStorage.family = data.get("family-name");
            changeView();
        });

@Siurendy · 06.09.2019, 21:58 **[ТС]**

ТабуретY, выводит только ИМЯ (name)

@ТабуретY · 06.09.2019, 22:49

Сообщение от Siurendy

выводит только ИМЯ (name)

А вы фамилию выводите?

JavaScript
1
document.querySelector("#user-greeting .name").textContent = localStorage.name;

вроде такого, только с localStorage.family

@Siurendy · 07.09.2019, 11:34 **[ТС]**

ТабуретY, Да, мне нужно, чтобы выводило и имя (name) и фамилию (family-name). Исправил как вы посоветовали, но в итоге имя выводит норм, а вместо фамилии пишет "NaN"

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
    (function main() {
        var form = document.querySelector("#user-greeting > form");
        var section = document.querySelector("#user-greeting > section");
        
        function changeView() {
            if ("name" in localStorage) {
                form.style.display = "none";
                section.style.display = "";
                document.querySelector("#user-greeting .name").textContent = localStorage.name;
                document.querySelector("#user-greeting .family-name").textContent = localStorage.family-name;
 
            } else {
                section.style.display = "none";
                form.style.display = "";
            }
        }
        
form.addEventListener("submit", function(event) {
            event.preventDefault();
            var data = new FormData(form);
            localStorage.name = data.get("name");
            localStorage.family = data.get("family-name");
            changeView();
        });
        
 
        
        changeView();
    })();

@tooru · 07.09.2019, 17:08

Вот тут

JavaScript
1
2
localStorage.name = data.get("name");
localStorage.family = data.get("family-name");

вы помещаете фамилию в переменную family

а тут

JavaScript
1
2
document.querySelector("#user-greeting .name").textContent = localStorage.name;
document.querySelector("#user-greeting .family-name").textContent = localStorage.family-name;

пытаетесь что-то получить из переменной family-name

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Siurendy 0 / 0 / 0 Регистрация: 07.06.2016 Сообщений: 78
	06.09.2019, 21:58 [ТС]
	ТабуретY, выводит только ИМЯ (name) 0

Опции темы