[dzimen]

#javascript #js #jquery
Potrzebuję pomocy przy tworzeniu funkcji, która po kliknięciu dodaj do koszyka dodaje nam produkt do podstrony koszyk. Chciałbym to zrobić za pomocą Local Storage ale nie za bardzo wiem od czego zacząć. Poniżej kod html produktu i koszyka:
http://wklejaj.pl/11079
http://wklejaj.pl/11080

Próbowałem coś z tą wczorajszą radą ale nie bardzo wyszło, więc wysyłam kod html który mam.

[dzimen]

To są wizualizacje

[B.....S]

@dzimen: wrzuciles sam html. Wrzuc to na plunkr, jsfiddle.net czy cos podobnego

[dzimen]

@BanderaSbezS: Dlatego wrzuciłem zdjęcia jak to wygląda. Mam z 10 podstron plus jeden plik stylu dla całości więc nie chciałem wszystkiego wrzucać.

[B.....S]

@dzimen: ok, czy to single page application czy nie?

[dzimen]

@BanderaSbezS: To ma być strona z opcją dodania do koszyka. Ogólnie jest 6 podstron produktów i strona koszyka.

[dzimen]

@BanderaSbezS: Tu jest cała strona: https://megawrzuta.pl/download/a2c2a989337e972609a13141ea45bf31.html

[dzimen]

@BanderaSbezS: w linku możesz sobie pobrać stronę i zobaczyć ogólnie od nauczyciela dostaliśmy jakiś darmowy szablon i mamy zrobić sklep meblowy ale bez serwera czyli sam js/jquery i html/css. Mam zrobiony cały wygląd tych podstron ale brakuje mi tej funkcji dodania do koszyka.

[Z.....q]

@dzimen: Dodany produkt zapisujesz jako obiekt, a po przejściu do koszyka odczytujesz dane z localStorage.

var testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Put the object into storage

[dzimen]

@ZFY0gzdR1q: No właśnie tak próbowałem. Miałem przypisane data-name i data-price do przycisku ale nie bardzo chciało to działać.

[Z.....q]

@dzimen: jaki komunikat pojawiał się podczas próby dostępu do localStorage?

[dzimen]

@ZFY0gzdR1q: mi w ogóle wtedy nie chciało działać żeby ten obiekt zapisać do local storage. Jak klikałem przycisk to nic się nie działo w konsoli, a powinno do local się przypisać.

[Z.....q]

@dzimen: pokaż jak wygląda funkcja odpowiedzialna za zapisywanie produktu do localStorage

[dzimen]

@ZFY0gzdR1q: nie mam tego bo miałem wczoraj problem z laptopem i połowa danych mi wywaliło i akurat to też się usunęło.

[Pesio]

@dzimen: załóż sobie githuba i tam trzymaj takie rzeczy

[dzimen]

@Pesio: to jest zadanie do szkoły i nie chciałem tego na githuba wrzucać.

[Pesio]

@dzimen: Ale to ułatwia życie, nawet przy takich rzeczach.

[dzimen]

@Pesio: no wiem sorry, powyżej jest link do 7z i tam jest cała strona.

[Z.....q]

@dzimen: za pomocą jQery pobierasz dane data-* produktu, zapisujesz je jako obiekt. Obiekt ten z kolei zapisujesz do localStorage w sposób jaki przedstawiłem powyżej. Na stronie koszyka odczytujesz localStorage i generujesz tabelę za pomocą jQery.

[Z.....q]

@dzimen: archiwa są niewygodne, na GitHubie moglibyśmy wprowadzić poprawki do Twojego kodu bez potrzeby pobierania wszystkich plików