Εργασία με δεδομένα στο localStorage στην JavaScript

Η μέθοδος setItem προορίζεται για την αποθήκευση δεδομένων. Ως πρώτη παράμετρο δέχεται ένα κλειδί, και ως δεύτερη - μια τιμή. Η μέθοδος getItem προορίζεται για την ανάκτηση δεδομένων. Δέχεται μία παράμετρο - το κλειδί κάτω από το οποίο αυτά τα δεδομένα είχαν αποθηκευτεί.

Ας δοκιμάσουμε αυτές τις μεθόδους στην πράξη. Αρχικά, ας αποθηκεύσουμε κάποια συμβολοσειρά με κάποιο κλειδί:

localStorage.setItem('key', 'text');

Ας ανακτήσουμε τώρα τη συμβολοσειρά μας από τον τοπικό χώρο αποθήκευσης:

let str = localStorage.getItem('key');
console.log(str); // θα εμφανίσει 'text'

Γράψτε ένα σκριπτ που θα αποθηκεύσει στον τοπικό χώρο αποθήκευσης τρεις αριθμούς κάτω από τρία διαφορετικά κλειδιά. Εκτελέστε αυτό το σκριπτ για να αποθηκευτούν τα δεδομένα. Στη συνέχεια, γράψτε ένα σκριπτ που θα ανακτήσει τους τρεις αριθμούς σας από τον τοπικό χώρο αποθήκευσης και θα βρει το άθροισμά τους. Εκτελέστε το δεύτερο σκριπτ και βεβαιωθείτε στη λειτουργικότητά του.