To do Liste mit Local Storage

L

lunamercury

Neues Mitglied
Hallo Leute! Ich brauche Hilfe beim Erstellen einer To do Liste, bei der die einzelnen Listen Elemente im Local Storage gespeichert werden sollen.
Die Liste an sich ist nicht das Problem, aber das mit dem Local Storage habe ich noch nie gemacht.
Fange grade erst an mich mit HTML und Javascript auseinanderzusetzen..
Wär super wenn mir jemand erklären könnte wie ich hier ansetzen kann! Danke im Vorraus!

Das ist der Stand aktuell:

HTML: 
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="">
  
  </head>
  <body>
      <div class="content">
          <header class="app-header">
              <p>To Do Liste</p>
          </header>
      </div>
      <div id="myDIV" class="header">
        
        
    </div>
    </div>
            <ul id="list">
                <li class="mycheck"><input type="checkbox" id="check"><label >
                    Element 1</label></li>
                <li class="mycheck"><input type="checkbox" id="check"><label >
                    Element 2 </label></li>
                <li class="mycheck"><input type="checkbox" id="check"><label >
                    Element 3</label></li>
                <li class="mycheck"><input type="checkbox" id="check"><label >
                    Element 4</label></li>
            </ul>
        </div>
    <p>Neues Element hinzufügen</p>
    <form  action="#" autocomplete="off">
           <input type="text"  id="item" placeholder="..." />
            <span type="button" onclick="newElement()" class="add">Add</span>
      
    </form>
<script type="text/javascript">
      
</script>
  
  
  
  </body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
mihe7

mihe7

Top Contributor
Das war schon ernst gemeint. Hier wurde mit einem pragmatischen Ansatz in einer kurzen Lösung mit einer (hoffentlich) funktionierenden To-Do-Liste gezeigt, wie LocalStorage funktioniert. Das ist ja kein "wie programmiere ich eine To-Do-List"-Tutorial a la Pong :sondern ein LocalStorage-Tutorial.
 
K

kneitzel

Gast
mihe7 hat gesagt.:
Die Idee, einfach mal das HTML abzuspeichern, gefällt mir :)
Zum Vergrößern anklicken....
Ich muss gestehen, dass ich mir den Inhalt noch nicht einmal angesehen habe ... TODO, local storage und JavaScript -> Das es da etwas geben muss, war doch klar ... also gesucht, ersten Link genommen, kurz minimal geschaut und paar Schlüsselworte kamen vor .. also einfach mal genommen ....

Also unter dem Strich kann ich froh sein, dass ich keine erotische Geschichte verlinkt habe, in der halt der Passus gekommen ist, dass die Frau ihn verführte, als er gerade dabei war, eine TODO Liste in JavaScript mit local storage zu entwickeln (incl. der ganzen, nicht jugendfreien, Ausführungen ....)
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
M To do Liste Angular, React, JQuery - Fragen zu JavaScript 9
K Liste mit button onclick verknüpfen Angular, React, JQuery - Fragen zu JavaScript 3
J Liste nimm nur letztes element Angular, React, JQuery - Fragen zu JavaScript 2
P Escape: Onlinespiel - möchte eine Highscore Liste machen Angular, React, JQuery - Fragen zu JavaScript 8

Ähnliche Java Themen

Aktuelle Jobs

Neue Themen


Oben