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:
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: