Help to understand localStorage.js

Question

I would like a help to enter the localStorage in javascript. Objective: Make a function to save information in the input identical to wordpress, example:

In the third print is what I want, if he does not enter anything in the password field, but already typed in the login, is saved, no need to write.

code I’m using:

<script type="text/javascript">

function digGet(){
    // Cria um item "usuario" com valor "Thiago Belem"
    var login = document.getElementById("user_login");
    window.localStorage.setItem('usuario', login);
    saveGet();
}

function saveGet(){
    // Depois, em outra página ou aba, recupera esse item
    var usuario = window.localStorage.getItem('usuario');
    document.getElementById('user_login').value = usuario;
}

function delGet(){

    // Remove o item
    window.localStorage.removeItem('usuario');
}
</script>

I want to turn this into php, so getItem('user'); be the user typed in input by the user.

If anyone can help me, I’d be grateful.

Answer 1

It is not recommended to autocomplete users' password from the system, this should always be a user’s choice.

Browsers even warn about this problem as a serious security breach.

If you want to keep the user section so that it doesn’t always need to log in, it is a good choice to use cookies

• Using Cookware with PHP
• Using Cookeis with Javascript

Answer 2

You forgot to take the value country user_login:

                                                    ↓
var login = document.getElementById("user_login").value;

The way it did, it will return only the HTML element, not what was typed in it.

Answer 3

Regardless of the relevance of using this, which I think has already been well explained, what your code lacks is to run its function saveGet() when the page is loaded.

<script type="text/javascript">

function digGet(){
    // Cria um item "usuario" com valor "Thiago Belem"
    var login = document.getElementById("user_login");
    window.localStorage.setItem('usuario', login);
    saveGet();
}

function saveGet(){
    // Depois, em outra página ou aba, recupera esse item
    var usuario = window.localStorage.getItem('usuario');
    document.getElementById('user_login').value = usuario;
}

function delGet(){

    // Remove o item
    window.localStorage.removeItem('usuario');
}
//Rodar no load do DOM
document.addEventListener("DOMContentLoaded", function(event) { 
   saveGet();
});
</script>

Remember that the other page must be on the same domain so you can use localStorage.