Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
localStorage
#1
Hey Leute ich bin neu im Gebiet JavaScript, ich versuche derzeit unterschiedliche kleine Projekte aufzubauen, bei meinem jetzigen jedoch stoße ich auf ein Problem mit dem Auslesen des localStorage.
Ich möchte einen Prototypen für das erstellen einer Passwort-Benutzernamen Liste erstellen, dabei soll der Benutzer einen Appnamen, sein dazugehörigen Benutzernamen und Passwort eingeben, diese werden dann im LocalStorage gespeichert und sollen wann immer er den Appnamen erneut eingibt wieder ausgelesen werden.
Es "funktioniert" auch beim Benutzernamen, jedoch nicht beim Passwort.
Daher meine Frage liegt es an meinen Variablen oder hab ich einfach einen Logikfehler? 
Schonmal Danke im Voraus!

Code:
<body>

    <input id="app" type="text" placeholder="App" value="">  
    <input id="anmeldename" type="text" placeholder="Anmeldename" value="">
    <input id="passwort" type="text" placeholder="Passwort" value="">
    <button onclick="datenSpeichern()" type="button" class="btn btn-secondary">Speichern</button>
    <button onclick="datenAusgeben()">Anzeigen</button>
    <button onclick="löschen()">löschen</button>
    <br>
    <input id="benutzernameAusgabe" type="text" value="">
    <input id="passwortAusgabe" type="text" value="">

</body>
</html>
<script type="text/javascript">
    function datenSpeichern() {
        var app = document.getElementById('app').value;
        var anmeldename = document.getElementById('anmeldename').value;
        var passwort = document.getElementById('passwort').value;
        window.localStorage.setItem(app,anmeldename,passwort);
        console.log(app,anmeldename,passwort)
    }
    function datenAusgeben() {
    var app = document.getElementById('app').value;
    document.getElementById('benutzernameAusgabe').value = window.localStorage.getItem(app);
    var app = document.getElementById('app').value;
    document.getElementById('passwortAusgabe').value = window.localStorage.getItem(anmeldename);
    }
 function löschen() {
    window.localStorage.clear();
 }


Eng:
Hey guys I'm new to JavaScript, I'm currently trying to build different small projects, however with my current one I'm running into a problem with reading the localStorage.
I want to build a prototype for creating a password username list, where the user is supposed to enter an appname, it's associated username and password, these are then stored in the localStorage and are supposed to be read again whenever he enters the appname again.
It "works" also for the username, but not for the password.
So my question is it because of my variables or do I just have a logic error?
Zitieren
#2
Ich schaue mir das mal genaue an , ein Moment.
Du weißt aber das man Passwörter da nicht unbedingt speichern soll.
Du solltest sicher sein das da kein anderer drankommt und nur der Besitze des Rechners oder Handys
Zitieren
#3
Ja das weiß ich^^
Ich wollte das nur machen um ein bisschen hinter die Logik von LocalStorage zu steigen, dass es zum wirklichen Speichern von Passwörtern unbrauchbar ist dachte ich mir Rolleyes .
Vielen Dank schonmal.
Zitieren
#4
Versuche es mal so
Code:
<body>
    <input id="app" type="text" placeholder="App" value=""> 
    <input id="anmeldename" type="text" placeholder="Anmeldename" value="">
    <input id="passwort" type="text" placeholder="Passwort" value=""><br>
    <div id="info"></div>
    <button onclick="datenSpeichern()" type="button" class="btn btn-secondary">Speichern</button>
    <button onclick="datenAusgeben()">Anzeigen</button>
    <button onclick="löschen()">löschen</button>
    <br>
    <input id="benutzernameAusgabe" type="text" value="">
    <input id="passwortAusgabe" type="text" value="">
<script>
var app = document.getElementById('app');
var anmeldename = document.getElementById('anmeldename');
var passwort = document.getElementById('passwort'); 
var inf = document.getElementById('info');
var bAusgabe=document.getElementById('benutzernameAusgabe'); 
var pAusgabe=document.getElementById('passwortAusgabe'); 
 
function datenSpeichern() {
  arr=[anmeldename.value,passwort.value];
  localStorage.setItem(app.value,JSON.stringify(arr))
  inf.innerHTML=anmeldename.value+' wurde gespeichert';
}
function datenAusgeben() {
  try{
      var aus=localStorage.getItem(app.value);
      aus=JSON.parse(aus);
      bAusgabe.value =aus[0];
      pAusgabe.value=aus[1];
  }catch(e){
    nf.innerHTML=app.value+' gibt es nicht';
  }
}
function löschen() {
    localStorage.clear(app.value);
}
</script>
</body>
</html>
Zitieren
#5
Sorry so ist besser , so kannst du auch einzelne Einträge löschen
Code:
<body>
    <input id="app" type="text" placeholder="App" value=""> 
    <input id="anmeldename" type="text" placeholder="Anmeldename" value="">
    <input id="passwort" type="text" placeholder="Passwort" value=""><br>
    <div id="info"></div>
    <button onclick="datenSpeichern()" type="button" class="btn btn-secondary">Speichern</button>
    <button onclick="datenAusgeben()">Anzeigen</button>
    <button onclick="löschen()">löschen</button>
    <br>
    <input id="benutzernameAusgabe" type="text" value="">
    <input id="passwortAusgabe" type="text" value="">
<script>
var app = document.getElementById('app');
var anmeldename = document.getElementById('anmeldename');
var passwort = document.getElementById('passwort'); 
var inf = document.getElementById('info');
var bAusgabe=document.getElementById('benutzernameAusgabe'); 
var pAusgabe=document.getElementById('passwortAusgabe'); 
 
function datenSpeichern() {
  arr=[anmeldename.value,passwort.value];
  localStorage.setItem(app.value,JSON.stringify(arr))
  inf.innerHTML=app.value+' wurde gespeichert';
}
function datenAusgeben() {
  try{
    var aus=localStorage.getItem(app.value);
    aus=JSON.parse(aus);
    bAusgabe.value=aus[0];
    pAusgabe.value=aus[1];
  }catch(e){
    inf.innerHTML=app.value+' gibt es nicht';
  }
}
function löschen() {
    localStorage.removeItem(app.value);
    bAusgabe.value='';
    pAusgabe.value='';
    inf.innerHTML=app.value+' wurde gelöscht';
}
</script>
</body>
</html>
Zitieren
#6
Wahnsinn, danke für die schnelle Hilfe!
Ich werde mich morgen nochmal damit auseinandersetzen vielen Dank!
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
3 Gast/Gäste