Изменение имени пользователя после отправки данных через форму?

Question

[Lexshpin]

Подскажите, как реализовать такую фичу:
есть кнопка, при нажатии на нее выводится модальное окно с формой для ввода логина и пароля. После ввода данных модальное окно исчезает, а вместо кнопки появляется введенный логин. Затем, при нажатии на имя пользователя, появляется поле ввода, куда подставляется текущее значение. После снятия фокуса с поля ввода значение должно сохраняться на странице. Имя пользователя должно сохраняться при перезагрузке.

P.S. Надо было сразу уточнить, что задание тестовое, backend-a здесь как такового нет, чистый JS

Answer 1

[Александр]

Вопрос некорректный. Вам с бэкенда должен приходить результат обработки формы, в котором будет содержаться имя пользователя, а вы уже этот результат вставляете в любой блок на странице.

Answer 2

[Karpion]

При логине (по нажатию кнопки "Войти") логин и пароль отправляются серверу (CGI-скрипту).
Сервер сверяет логин и пароль. Если совпало - то присылает браузеру куку, содержащую логин и некий ключ (рандомное число), который должны хранить и браузер, и сервер (для увеличения безопасности - сервер может увязать это с IP-адресом клиента; но если клиент может произвольно менять свой IP-адрес, то это будет глючить; IP-адрес - это адрес, с которого идёт обращение к серверу, т.е. обычно это адрес провайдерского NAT).
Далее элементарно: при наличии этой куки клиентская страница (браузер, исполняющий скрипт на этой странице) берёт из куки логин.

Для разлогинивания - серверу достаточно забыть ключ. На клиенте этот ключ может храниться и дальше; хотя его лучше стереть, чтобы клиент не пытался обращаться с ним к серверу.

Надеюсь, понятно.