Fragen und Antworten » localStorage im Browser

01.11.2020 15:43 (zuletzt bearbeitet: 01.11.2020 15:45)

Lobbo
#1 localStorage im Browser

Ich habe ein Script gefunden das den localStorage des Browsers nutz.
Dieses Script hat nur ein Texteingabefeld und eine Feld für das Auslesen.
Hat jemand einen Tipp wie ich dieses Script auf 5 Texteingabefelder erweitern kann ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script>
function speichern() {
 var key = document.getElementById('key').value;
 var data = document.getElementById('data').value;
 window.localStorage.setItem(key, data);
}
 
function lesen() {
 var key = document.getElementById('key').value;
 document.getElementById('data').value = window.localStorage.getItem(key);
}
</script>
Text: <br>
<textarea id="data"></textarea> <br>
Schlüssel: <br><input type="text" id="key">
<input type="button" value="Speichern" onclick="speichern()">
<input type="button" value="Lesen" onclick="lesen()">
 

Antworten

Beitrag melden

#2

01.11.2020 19:56

River
#2 RE: localStorage im Browser

River

Hallo Lobbo,

Ich hab das hier gefunden: https://code.tutsplus.com/tutorials/crea...bute--cms-25655

Die arbeiten aber mit contenteditables und nummerieren die Elemente durch. Sieht so aus, als ob man da mehrere Elemente haben kann.

Das mal nur so ausgedacht, aber das würde ich als Erstes ausprobieren.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#3

02.11.2020 11:12

Ingmar
#3 RE: localStorage im Browser

Ingmar

Ungetestet und sicher nicht die schönste Lösung - aber das wäre ein Weg:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<script>
function speichern(id) {
 var key = document.getElementById('key_'+id).value;
 var data = document.getElementById('data_'+id).value;
 window.localStorage.setItem(key, data);
}
 
function lesen(id) {
 var key = document.getElementById('key_'+id).value;
 document.getElementById('data_'+id).value = window.localStorage.getItem(key);
}
</script>
Text: <br>
<textarea id="data_1"></textarea> <br>
Schlüssel: <br><input type="text" id="key_1">
<input type="button" value="Speichern" onclick="speichern(1)">
<input type="button" value="Lesen" onclick="lesen(1)">
 

<textarea id="data_2"></textarea> <br>
Schlüssel: <br><input type="text" id="key_2">
<input type="button" value="Speichern" onclick="speichern(2)">
<input type="button" value="Lesen" onclick="lesen(2)">
 
<textarea id="data_3"></textarea> <br>
Schlüssel: <br><input type="text" id="key_3">
<input type="button" value="Speichern" onclick="speichern(3)">
<input type="button" value="Lesen" onclick="lesen(3)">
 