Mach mal - HTML, CSS und JavaScript ausprobieren!

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>JSL154 localStorage</title>
    <style></style>
  </head>
  <body>
    <button onclick="speichern();">Speichern</button>
    <button onclick="abrufen();">Abrufen</button>
    <button onclick="entfernen();">Löschen</button>
    <button onclick="arrSpeichern();">Array speichern</button>
    <button onclick="arrAbrufen();">Array abrufen</button>
    <button onclick="localStorage.clear();">Alle löschen</button>

<script>
      function speichern() {
        var eMailAdresse = prompt("Ihre eMail Adresse");
        localStorage.setItem("benutzerMail", eMailAdresse);
        localStorage.setItem("Vorname", "Mario");
      }
      function abrufen() {
        var neueMail = localStorage.getItem("benutzerMail");
        alert(neueMail);
      }
      function entfernen() {
        localStorage.removeItem("benutzerMail");
      }
      function arrSpeichern() {
        var meinFeld = ["Blumen", "Pflanzen", "Bäume", "Gräser"];
        var meinJSON = JSON.stringify(meinFeld);
        localStorage.setItem("nimmDas", meinJSON);
      }
      function arrAbrufen() {
        var dasFeld = localStorage.getItem("nimmDas");
        var meinFeld = JSON.parse(dasFeld);
        for(var i =0; i < meinFeld.length; i++) {
          alert(meinFeld[i]);
        }
      }
    </script>
  </body>
</html>