JavaScript-Einkaufswagen-Tutorial | Telmo Sampaio | Skillshare
Drawer
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

JavaScript-Einkaufswagen-Tutorial

teacher avatar Telmo Sampaio

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      3:13

    • 2.

      Aufbau des Frontend

      13:54

    • 3.

      Zahlen zum Käfer hinzufügen

      18:53

    • 4.

      Produkte zum lokalen Speicher hinzufügen

      19:40

    • 5.

      Gesamtkosten in Kart berechnen

      9:43

    • 6.

      Die Basket mit allen Produkten erstellen

      27:03

    • 7.

      Produkte von der Warenkorbseite

      24:14

    • 8.

      Produktmenge auf der Cart oder die Abnahme

      39:39

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

289

Teilnehmer:innen

--

Projekte

Über diesen Kurs

In diesem Kurs lernst du, wie du mit dem Nachkauf eines Einkaufswagen für eine E-Commerce-Website erstellen kannst.

Wenn du diesen Kurs machst, lernst du folgende Fähigkeiten:

LERNergebnissen

  • Einen Einkaufswagen mit HTML, CSS und Vanille erstellen

  • Lerne den Browser lokaler Speicher

  • So erstellst du modulare Funktionen

Und ich werde alles in sehr langsam Zeit behandelen, und es werde erklären, wenn du Fragen hast, und du sie auf, es uns gerne zu machen und wir werden dir gerne helfen :)

Triff deine:n Kursleiter:in

Teacher Profile Image

Telmo Sampaio

Kursleiter:in

I'm Telmo Sampaio, a full stack web developer from Manchester, UK. I love to share what I know through my training courses, teaching and speaking on my youtube channel. Any questions get in touch with me, I would love to meet you!

Vollständiges Profil ansehen

Level: Intermediate

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Alles klar, Leute. Willkommen zu diesem Kurs zum Erstellen eines Einkaufswagens mit Vanille-JavaScript. Also haben wir hier ein Beispiel für das Projekt, das wir in diesem Kurs bauen werden. Dies ist also ein Beispiel für eine E-Commerce-Website. Wie wir sehen können, haben wir ein paar Gewinne hier drin ein paar tolle T-Shirts und Ray wer? Diese und ein paar schwarze T-Shirts und schwarze Hoodies. Wenn wir über die Maus auf einem von ihnen, können wir sehen, dass wir diese Tasten haben, die wir einfach klicken und Künste zum Warenkorb und wir haben hier oben. Unsere Karte, die wir im Moment sehen können, ist völlig leer. Also lassen Sie uns einfach ein paar Produkte hinzufügen, um zu sehen, wie unsere Anwendung funktioniert. Also werde ich zwei dieser tollen T-Shirts hinzufügen, zum Beispiel. Also werde ich auf 12 klicken und wir können das hier oben sehen. Wir haben auf unserer Karte im Moment, und dann werde ich drei dieser hier klicken, also werde ich 123 tun, also jetzt weiß ich, dass ich insgesamt fünf Produkte in meinem Warenkorb habe. Ich werde in diese klicken Jetzt kann ich sehen, dies ist meine Kartenseite, die, wie im Moment, zu großen T-Shirts, wenn Sie sich erinnern, mit den $15 jeder, wir haben eine $30 insgesamt und dann haben wir drei von diesen schwarze T-Shirts für $10, die insgesamt als auch von 30. Also 30 plus 30 haben wir unseren Korb insgesamt $60 bekommen. Aber was können wir hier noch tun? Schau, ich kann, wenn ich die Mengen dieser Produkte, die wir auf der Karte haben, erhöhen oder verringern möchte. Also, zum Beispiel, ich werde hier zu klicken Zehe, haben eine weitere. Also mal sehen, ob ich noch einen hinzufügen werde. Ich werde wahrscheinlich $15 mehr darüber hinzufügen, also wird es sein, dass 45 hier drin 75 sein sollten. Mal sehen, ob es funktioniert. Ich klicke 45, weil seine drei von ihnen und ich 75 insgesamt bekommen haben. Offensichtlich kann ich daseinfach reduzieren, einfach reduzieren, nur für einen. Wenn ich jetzt schauen will, sind gerade 15 15 zusammen mit diesen 30 von diesen drei bekommen. Ich habe 45 und ich kann auch, wie ich schon sagte, mit diesen rauf und runter gehen. Ihr könnt diese wirklich ausprobieren, nachdem es hier einen Knopf gibt, auf dem Sie alle Produkte aus dieser Gewinnlinie loswerden können. Sagen wir mal, ich habe hier vier schwarze T-Shirts. Ich kann alle von ihnen loswerden, indem Sie einfach auf diese X klicken. Und schauen Sie, ich habe nur gewonnen T-Shirts von $15 mit meiner Gesamt und hier oben. Siehst du, dass ich Onley immer noch warne. Ok. Und ich kann dafür zwischen den Seiten zurückkehren. Wenn ich auf meine Homepage gehen kann, geh zurück zum Auto und das ist immer da drin. Na gut, Leute. Also, das ist das Projekt, das wir bauen werden, wird großartig für dich sein, weil du lernen wirst, wie Zehe mit einem lokalen Speicher deines Browsers umgehen. Wie man diese Anwendung erstellt, wie man modulare Funktionen in Javascript verwendet. Wir werden viele modulare Funktionen verwenden und ja, ich hoffe, Sie waren begeistert, um die Partitur zu starten, also werde ich sehen, wenn die andere Seite 2. Aufbau des Frontend: Na gut, Leute, willkommen zu einem anderen Video heute. Wir werden den E-Commerce-Einkaufswagen mit Vanille-Javascript bauen. Die Website ist also hier drin. Wie Sie sehen können, haben wir vier Produkte, die, wenn Sie darüber sind, können Sie über Anämie sehen, die sagen, ist nach dem Warenkorb. Also lassen Sie uns sagen, zum Beispiel, ich werde und zwei schwarze wer diese haben. Also werde ich nur doppelklicken 12 und an der Spitze, wir sollten hier eine Karten-Schaltfläche sehen, die als, gerne in diesem Moment. Also kamen wir zu Produkten. Ich muss auch vor diesem grauen Hoodie warnen. Also, wenn ich jetzt darauf klicke, habe ich drei. Also, wenn ich die Seite neu lade, schau, wenn ich die Seite neu lade, ist sie immer noch da. Die Nummer drei. Warum ist das so? Weil wir etwas benutzen, das den lokalen Speicher nennt. Alle modernen Browser. Sie haben es. Und das ist großartig für Front und Verpflichtungen wie diese, die wir bauen werden. Also, wenn ich jetzt klicken werde, um diese Karten zu bekommen, Okay, ich klicke hier rein, und jetzt kann ich sehen, dass ich zwei dieser schwarzen Hoodies habe, die wir vorher ausgewählt haben, können wir den individuellen Preis davon sehen und die Gesamtpreis von zwei. Also, wenn jeder $20 ist, wird die Summe 40 sein. Und wir haben auch einen grauen Hoodie, der $20 ist. Ok. Und insgesamt sollte der Preis $60 betragen. Vielleicht werde ich noch etwas mehr tun. Also wissen meine sie, ob wir brauchen, aber hoffentlich werdet ihr es besser sehen. So können wir auch einfach auf diese Flaschen klicken, um die Menge zu ändern. Sagen wir, ich werde eins von diesen Grauen hinzufügen. Wer das hier. Okay, ich werde jetzt klicken. Der Gesamtpreis, weil er auch 40 ist. Und jetzt, wenn ihr Jungs noch den Wagen eincheckt, habe ich vier Produkte insgesamt und natürlich. Der Gesamtpreis wird ebenfalls aktualisiert. Ich kann auch in diesen Lösch-Button klicken, die alle diese Produkte loswerden. Also, zum Beispiel, wenn ich darauf klicke, Okay, jetzt habe ich nur zwei schwarze. Wer sind die hier auf dem Wagen? Ich habe nur zwei, was perfekt ist. Und jetzt ist der Gesamtpreis $40. Und hier unten auch $40. Warum? Jungs? Das ist also das Projekt, das wir bauen werden. Ich hoffe, Sie wollen aufgeregt für diese. Und das erste, was wir tun werden, ist einfach anfangen, das HTML und CSS dieses Projekts zu erstellen. Ich werde nicht zu viel Zeit mit diesen HTML und CSS verbringen. Ich habe den Trainer Justin hier. Ich werde es benutzen, aber ich werde es natürlich erklären, aber ich möchte etwas mehr Zeit in Javascript verbringen, weil das alles ist, um den Kurs geht. Aber wie immer, wenn ihr irgendwelche Fragen habt, lasst es mich wissen. In den Kommentaren unten beantworte ich alle Ihre Fragen. Und auch, ich werde einige Links in Ordnung für einige dieser Dateien setzen, die alle diese Dateien am Ende, wenn ihr sie nur benutzen wollt, ist wirklich an euch. Wenn Sie nicht wollen, können Sie einfach, wie, folgen und sollte leicht sein. Also lasst uns anfangen. In Ordnung. Das erste, was wir tun müssen, ist einfach unsere Indexpunkt-HTML-Datei zu erstellen. Das werde ich also tun. HTML und ah, ich werde hier nur eine einfache Vorlage aufschreiben. Html fünf. Ich werde diese einfach schließen, die ich hier reinlegen werde, wie, auf dem oberen Einkaufsplatz und drinnen. Ich werde nur sagen, dass h eine, die diese Meere Homepage sagt. Ich werde auch jetzt eine neue Datei für die Stile dot CSS Okay erstellen. Und ich werde eine andere Datei erstellen, die für meinen Warenkorb dot html sein wird. Das wird also wie eine Seite sein, um zum Warenkorb zu gehen, wo wir alle Produkte haben . Also werde ich nur alles kopieren, was ich auf meinem Index Punkt html habe, wenn ein diese in meinem Warenkorb dot html setzen und das sollte es für jetzt sein. Alles klar, wie ich bereits erwähnt habe, Leute, ich werde nicht zu viel Zeit mit HTML und CSS auf den Partituren verbringen, weil ich nur ein bisschen mehr Zeit für Javascript geben möchte , weil dies ein JavaScript-Kurs ist. Wie auch immer, eso ich werde hier nur einen Code einfügen, den ich bereits aus dem Projekt habe. Ihr könnt immer einen Link auf der Beschreibung haben, wenn ihr die Dateien bekommen wollt. , Wenn du diesen Kern bekommst,solltest du die Akten holen, wenn er ihr nur wollt, gerne mitverfolgen und das Video anhalten und es einfach kopieren. , Also,was ich tun werde, ist, ähm, ich werde nur die Heidekraut beginnen. Okay, ich werde das nur kopieren, dass ich hier auf der Seite gewesen bin. Ich werde es einkleben. Ich bin gerade geschlossen. Diese werde ich das Tempo machen. Also im Moment habe ich ah, habe ich ah, Himmelselemente. Wir die Deve mit einer Klasse Overlay. Genug mit dem H zwei Titel und mit einer Art Navigationsleiste. Also, wenn ich nur sehe, wie sieht die Dinge so aus, wenn es einfach so aussieht. Ok. Ist ein Normal ist eine normale, ähm, Navigation, aber einer Website. Wie ich schon sagte, Leute, ich werde euch nur ein bisschen Zeit geben, wenn ihr wollt. einfach, , Kopiereeinfach, was ich hier drin habe. Sobald Sie diese haben, könnten wir eigentlich einfach anfangen, , unsere Website zu stylen, also werde ich einfach den Link zu meinem CSS setzen, und ich denke, ich nannte es Stile. Okay, kleines Punkt-CSS da drin. Ich werde nur ein paar Dinge einfügen, die ich normalerweise setzen, so dass ich immer diese oder nein, meine Websites toe nur, wie, alle diese Art von Eigenschaften zurücksetzen, dann Offensichtlich, wir haben hier eine lustige Familie Roboto, dass wir im Moment nicht haben. Also müssen wir es von Google importieren. Okay, wenn Sie also in Google-Fonds gehen, Okay, ich werde auf Google-Telefone klicken, und ich benutze nur diesen einen Roboto. Okay, also klickt ihr hier unten rein. Du solltest sehen, lass mich die ein bisschen zur Seite schieben. Sie sollten genau wie einen Link sehen, um diese zu importieren. Das ist es, was ich tun werde. Ich werde nur Eckkopien kopieren und einfach hier reingeklebt . Ich muss auch einen Link absetzen. Ich bin mir nicht sicher, ob ich den Lincoln einlege. Ja, ich habe den Link auf den falschen, ich habe das Auto gesetzt, um HTML an der falschen Stelle zu zeigen. Ich nehme die aus dem Wagen. Nein, eigentlich muss ich es sowieso hier drin lassen, denn wir werden die für den Wagen benutzen also werde ich es hier reinlegen, okay? Styles Punkt CS sagt Ok. Also haben wir die erledigt. Lassen Sie mich hier wieder rein. Nur speichern lassen Sie einige weitere Stile setzen. Ich werde den Stil für meine Hever setzen. Ok? Ich werde im Moment die Heidekraut ins Jahr stellen, wie ihr sehen könnt, Mein Himmel, es hat nur , ein Hintergrundbild,das schön mit einer Höhe von 150 Pixeln gestylt ist. Dann, wenn ihr euch erinnert, ich habe in meinem Yeah, ich glaube, ich beiß all das Zeug geklebt. Ich werde das alles kopieren, weil das für meinen Index genau das Gleiche sein wird. Okay, war nur ein Fehler. Jungs. Sie können den gleichen Code sowohl für den Index als auch für das Auto zu dot html kopieren, weil es das Gleiche sein wird . Hör zu, ich klicke hier rein. Home-Karte ist immer noch die gleiche. , Ok, im Moment gibt es eine Sache, die wir brauchen, ist, dass wir Kopien Overlay-Ding. Sie sehen diese Dif-Overlay, die ich in Jahren setzen werde, ein CSS, das es, ähm, ein bisschen dunkler macht ähm, . Das war es, was ich wollte. Dann werde ich auch ein paar Stile für meinen Nuff setzen, also werde ich hier reinlegen. Also im Moment mein Neuling hier drin mit dem Titel und ich bekam hier die Speisekarte, nav Lings. Dann werde ich ein paar Stylings in Ordnung für meine Nav-Links setzen. Also werde ich die hier reinlegen. Ich gebe ihm ein bisschen Zeit. Wie ich schon sagte, wenn du das Video einfach pausieren und diese Stile kopieren willst , in dem Moment, in dem wir gerade nach Hause gekommen sind. Und Warenkorb, wenn Sie hier auf meiner Navigation bemerkt haben. OK, ich benutze etwas, das Eisensymbole genannt wird. Okay, Dies ist eine Art von Frontsymbolen, die Sie verwenden können, dass Sie die Größe erhöhen, den Anrufer und alles ändern können, und ich mag es, sie zu verwenden. Ich besitze Symbole, Also werde ich hier auf Google Eisen-Symbole setzen, die völlig kostenlos sind. Okay, jemand klickt hier. Und schauen Sie, Sie haben all diese Symbole, die Sie verwenden können, wenn Sie auf Verwendung klicken und Sie hier ein Skript erstellen möchten , dass Sie auf den Körper von der Seite setzen müssen. Und wenn ihr Land weiter nach unten scrollt, wird es hier einen weiteren Link geben, der die Installation besagt. Sie sollten es kurz vor Ihrem Stil Punkt CSS setzen. Okay, also, ähm, wenn alles in Ordnung ist und wir unsere Seite aktualisieren, sollte es funktionieren. Lassen Sie mich sehen, ob mir etwas fehlt. Ich denke, es geht mir vielleicht nur um Yeah. Okay, jetzt bin ich zu Hause und es ist da. Ok, lassen Sie uns ein wenig mehr Stile für die Karte. Also werde ich die einfach kopieren. Ich werde, ähm, hier unten. Schau, jetzt ist mein Wagen schön gestylt. Wie ich schon sagte, es ist hier alle Stile, also bin ich nur eingerückt diese ein bisschen besser, Also ist alles schön organisiert. Lassen Sie mich einfach all diese in meinen Wagen kopieren, weil es im Moment genau der gleiche Index und die gleiche Karte sein wird. Lassen Sie mich einfach all diese in meinen Wagen kopieren, weil es im Moment genau der gleiche Index und die gleiche Karte sein wird Sie sollten genau gleich sein. Also, wenn du zwischen Haus und Wagen gehst, wird er derselbe sein. Okay, also haben wir die für unsere Heidekraut. Jetzt können wir mit dem Bau beginnen, zum Beispiel, die Produkte und jetzt sind diese Produkte nur für die Indexpunkt-HTML-Seite. Okay, lass mich mal sehen. Ähm, ich werde die nur kopieren, okay? Ich habe einen Container. Also werde ich meinen Container kopieren, den ich hier drin habe, und ich werde es dir zeigen. Also, nach der Heidekraut, verstehst du werde ich nur ein wenig Platz geben, okay? Wenn diese übertroffen sind. Und das ist mein Deve mit einer Klasse von Containern mit ein paar dieser Bilder, die, wenn ihr euch nicht erinnert, ich war hier auf der Seite des Ordners mit diesen Bildern, okay? Und diese Bilder, die sie in all diesen Sachen haben, die ich benutzen werde, also lass mich einfach vergrößern. Aber ich werde die ins Jahr bringen. Ich werde das erhöhen, damit ihr euch ein bisschen besser sehen könnt. Also haben Sie den Anfang des Containers bekommen, und dann haben Sie einen Deal mit einem Klassenbild, dass dies jedes von den Bildern mit dem Bild im Inneren mit dem Titel mit dem mit dem Preis sein wird . Und dann bekamen wir die Schaltfläche zum Warenkorb, die wir nicht sehen. Ich werde diese Eingaben loswerden, weil ich denke, dass ich sie am Ende nicht einmal benutzte. Ok. So können Sie diese Eingaben loswerden. Ich habe nur versucht, etwas anderes zu tun. Also, wenn ich die Seite aktualisiere, schau, du solltest sowas wie das jetzt sehen. Ok. Ich glaube, ich habe nur vier Produkte. Sie können so viele setzen, wie Sie wollen. Gehen wir zurück zu den Stilen, die CSS Now mir sehen lassen. Karte A. Ich werde nur meinen Behälter abstellen, also werde ich hier meinen Behälter reinlegen. Werde einfach dieses Ding los. Ich werde erklären, dass nach, Also, wenn Sie diesen Container jetzt setzen, sollten Sie hier die Projekte sehen. Dann werde ich nur ein Bild machen. Dies ist, um unsere Bilder zu stylen. Okay, so sehen sie ein bisschen besser aus. Dann werde ich bei zwei Karten tun, weil wir den Knopf drinnen haben. Was dann noch? - Natürlich. Ich glaube, ich habe es vergessen. Ähm, nein, ich habe nicht gekämpft, um zu sagen, dass ich die einfach aufstellen werde, wenn wir hoffen, dass wir auf die Bilder hoffen , wir den ARTO-Kartenknopf sehen können. Da ist es. Ok. Wohltätigkeitsorganisationen 30. Sterritt, Leichtigkeit. Ok. Und wenn ich zum Wagen gehe, gibt es nichts. Und wenn ich nach Hause gehe, habe ich das alles. In Ordnung, also denke ich, das war's für diese Videokerle. Wir haben unser Projekt aufgebaut. Unser erstes Projekt. Das ist nichts mit Javascript zu tun, aber ich denke, es ist immer gut für euch, ein wenig zu sehen, wie wir das Projekt gestartet haben, wie wir all diese verschiedenen Elemente hinzugefügt haben. Und natürlich können Sie es so gestalten, wie Sie wollen. Alles klar, das war's also für diese Video-Jungs und auch für den nächsten. 3. Zahlen zum Käfer hinzufügen: Richtig, Leute, willkommen zurück. Also in diesem Video, das wir tun werden, ist klicken Sie auf diese sind zwei Kartenknöpfe und wir werden die Schaltfläche aktualisieren, die wir hier drin haben. Das ist ein Narben. So oft, wie wir auf den In den Warenkorb klicken, werden wir zählen, wie viele Produkte wir auf die Karte hinzufügen. Also das erste, was wir tun werden, ist zu unserem Index Punkt html gehen. Okay? Und gleich nach dem Drehbuch, das wir hier unten haben, werde ich ein anderes Skript erstellen. Okay, wir die Quelle von Hauptpunkt Js. Okay, also werde ich die hier auf der Seite hinzufügen, also werde ich einfach einen Rechtsklick auf eine neue Datei machen, und ich werde einen Hauptpunkt Jess machen. Und ich werde einfach die Konsole setzen, das Protokoll des Laufens. Okay, stellen Sie sicher, dass das funktioniert. Also werde ich mit der rechten Maustaste auf meine Seite klicken. Ich werde eine Inspektion machen, okay? Und ich werde hier in die Konsole schauen, und ich sehe hier auf der Seite laufen. Okay. Wenn ihr hier gesehen habt, ist das mein Konsulatprotokoll. Es bedeutet also, dass meine Hauptpunkt-Js-Datei verbunden ist, also ist das perfekt. Eso Das erste, was ich tun will, ist, hier oben zu gehen, und ich werde eine Let machen und ich werde Karten machen. Gleich zwei Dokumente Punkt Queary Selektor alle und was ich auswählen möchte, ist mein Punkt bei in den Warenkorb . Okay, ich werde es dir jetzt zeigen. Was ist das hier in meinem Index dot html? Schau, wir haben diese Ankerelemente, die mit einer Klasse von gefragt, zu Warenkorb, wenn Sie sehen wollen, ist es dieser Knopf. In Ordnung, also will ich, dass sie alle mit JavaScript bekommen. Also muss ich sie ins Visier nehmen. Deswegen benutze ich die. Und dann, was ich tun werde, ist, dass ich einfach einen Ereignishörer machen werde. Also, wenn ich in einen von ihnen klicke, möchte ich etwas tun. Also, weil wir viele von ihnen bekommen, wenn wir packten, wird dies sein, wie in einer Art von einem Array. Wir können einfach eine Vier-Schleife für Let I gleich 20 machen, also werden wir alle durchlaufen, und ich werde es tun, er wird ein letzter sein. Dann Karten Punktlänge, okay? Und dann machen wir ein I plus. Plus. Okay, das ist also nur eine einfache Schleife, die von Null Toe Wagen in dieser Länge laufen wird. Wie viel kostet die Karte? Startlänge. Wir haben 1234, also werde ich weniger sein als Schnitte, dass die Länge dort von Null auf Deal 30123 laufen wird . Okay, wenn ich also hier einen Kurs gewinne, halte das Protokoll fest, werde ich meine Schleife diotieren. Okay? Ich werde die retten. Und sieh mal, ich habe meine Schleife auf diesen vier Blick vier Mal laufen lassen. Also, was will ich hier drinnen machen? Ich will meine Karten holen. Okay. Und ich werde einfach hier reinlegen. Ich, weil mein Auge wird sich auf dieser Schleife ändern wird, wird von Null beginnen, die für ein und Zeug gehen, so dass ich alle meine Karten auf dieser Grundlage greifen kann. Ähm, denn offensichtlich, wenn ihr euch erinnert, könnt ihr Karten haben. Zero, um diesen hier zu greifen, können Sie Karten haben. Eine Karte. Willst du das da schnappen. Und so einer. Deshalb benutze ich die Schleife. Also werde ich einen Add-Event-Listener machen. Und welchen Ereignis-Listener will ich. Ich möchte klicken. Okay, dann werde ich die Funktion setzen. Was ich hier mache, ist, wenn ich in eine dieser Schaltflächen klicke, möchte ich etwas tun. Im Moment. Ich werde nur einen Konsolenpunkt-Lord aus dem Knopf machen, oder ich mache auch andere . Karten. Okay, ich gehe einfach hier rein. Schau dir das Zeug an der Seite an. Meine Konsole. Ich werde auf diese klicken, um den Warenkorb, und es sagt, andere zwei Autos, Ich werde wieder klicken und schauen zwei Mal werde ich wieder klicken. 34 Alle diese Knöpfe nun wirken sie. Also, Also, was will ich hier drinnen machen? Im Grunde habe ich gerade diese Art von Veranstaltung gemacht. Hören Sie es, wenn ich will , aber im Moment werde ich eine Funktion namens Kartennummern erstellen. Ich weiß also, wie viele Artikel ich dem Warenkorb hinzufüge, also werde ich eine Funktion ausführen. Ich habe die Einkaufswagennummern angerufen. Vielleicht ist das erste, was ich tun werde, einfach eine Art von Wert auf den lokalen Speicher hinzuzufügen . So werden wir all diese Gewinne sparen, die wir hier auf der Seite hinzufügen. Und selbst wenn Sie sich erfrischen, werden sie in Erinnerung bleiben. Also, wenn ich hier reinklicke, also werde ich einfach diese Karten-Nummern machen. Okay, ich werde das hier reinlegen statt dieses Konsolenprotokolls. Und was ich tun werde, ist, dass ich einen lokalen Lagerpunkt besagten Artikel machen werde, und dann werde ich eine Nummer des Einkaufswagens setzen und dann die nächste, ich werde nur die eine setzen, zum Beispiel, und ich werde es Ihnen in einer Sekunde zeigen. Also, wenn ich hier reingehe, aktualisiere ich die Seite. Ich werde jetzt zuerst klicken, bevor ich klicke, ich gehe hier oben. Ich gehe in Bewerbungen. Okay. Übrigens, Leute, Leute, ich benutze den Google Chrome-Browser. Ich denke, es wird etwas Ähnliches sein. Wenn ihr Mozilla Water Opara benutzt oder was auch immer. Ihr Jungs oder Safari, wenn ihr genau mitverfolgen wollt, wie es mir geht, sie einfach benutzt. Der Google Chrome-Browser. Also hier drin, warte. Sagt Anwendung auf der Oberseite. Geht ihr zum lokalen Lager? Und wenn Sie hier drin sehen, gibt es im Moment keine Schlüssel und keine Werte. Okay, also wenn ich lokale Lagerung mache, nicht den Artikelwagen Nummer eins setze, dann werden wir da etwas hinzufügen. Also werde ich es Ihnen zeigen, indem Sie hier auf diese klicken. Hör zu, ich habe eine Karte Nummer eins, okay? Und wenn ich wieder anklicke, wird einfach wieder das gleiche tun, immer und immer wieder. So zum Beispiel, jetzt habe ich einmal geklickt und es hat meine Warenkorbnummern aktualisiert. Meine Schlüsselkartennummern und der Wert eins. Wenn ich noch einmal anklicke, passiert nichts. Wenn ich diese anklicke, möchte ich vielleicht überprüfen, ob es anfangs eine Art Schlüsselwert gibt. Also, zum Beispiel, wenn ich weiß, dass ist hier ein bereits ich will, dass das nächste Mal, dass ich klicken werde, wird diese ein wenig erhöhen. Also lassen Sie uns diesen Wert erhalten, wenn wir zum ersten Mal auf die Schaltfläche klicken. Holen wir uns diese Werte. Also werde ich Flett Produktnummern zu tun wird gehen zu lokalen Speicher Gedanken, und ich werde tun, ich bekomme Artikel in Ordnung. Und der Gegenstand wird aufgerufen, wenn ihr euch hier auf den obersten Karten erinnert, Zahlen Okay, also, also, ähm, ich werde nur die Punktprotokolle dieser Produkte in Zahlen konsolen. Okay, sieh dir die an. Ich lasse mich im Moment meine Konsole sehen. Das ist nichts hier drin. Das kann ich einfach loswerden. Mach dir keine Sorgen wegen dem Fehler, dass es da drin war. Ich werde nur hier klicken und schauen, ich habe meine Produktnummern in Ordnung von dort. Aber wenn ihr hier reingeht und ihr einen Betrüger macht, so Dot loggt euch ab Produktnummern. Okay, lass mich die einfach rausnehmen. Ich werde noch einmal auf klicken. Und es steht, dass er einer ist, den wir aus unserem lokalen Lager holen. Es kommt als Schnur. Okay, also müssen wir etwas tun, um diese Zahl von einer Zeichenfolge in eine Zahl zu konvertieren. Also dafür kann ich einfach tun, ähm, Produktnummern werden gleich einem Parse int sein. Okay. den Produktnummern von vorher. Okay, jetzt, du letzten Logbuch wieder. Die Art der Produktnummern. Okay. werde nur meine Konsole überprüfen, die Seite aktualisieren, diese loswerden, wenn ich darauf klicke, und es sagt, jetzt ist es eine Zahl, weil ich diese Teile verwendet habe, um die Zeichenfolge in eine Zahl zu konvertieren . Okay, also lasst uns diese Konsul Dot Logs vorerst loswerden. Okay, eine Sache, die ich tun werde, bevor ich damit anfange, ist nur hier anzufangen. Variabel in den oben genannten Produkten. Das wird einem Array gleich sein. Und dieses Array wird zum Beispiel einige Objekte mit dem Namen ausgeschaltet haben. Graue T-Shirts. Okay. Und dann wird er sich unterhalten. Okay, das ist ein Weg, den wir benutzen werden, um die Bilder danach zu schnappen. Okay? Angriff von Ray T-Shirt. Und dann wird er einen Preis 15 haben und dann wird er in Karten von Null haben. Das ist also ein Weg, den wir einfach verfolgen können, wie oft dieser Artikel, dass dieses Produkt auf dem Warenkorb ist? Eso, ich werde einfach gehen und dasselbe für den Rest der Produkte tun. Ich werde nur die kopieren, die sie auf der Seite haben. Wenn eine Kopie diese, werde ich sie hier reinlegen. Das sind also all die Produkte, die ich verwenden werde. Okay. Das tolle T-Shirt, der graue Hoodie, das schwarze T-Shirt und der schwarze Hoodie. Okay, wie Sie alle am Anfang sehen können, haben sie in Karten. Es ist nichts auf der Karte. Okay. Ähm okay , hier drin, wenn ich in eines dieser Dinge klicke , dannmöchte ich zuerst , dann diese Kartennummern ausführen wenn ich in eines dieser Dinge klicke, dannmöchte ich zuerstdiese Kartennummern ausführen. Ich will nachsehen. Zunächst einmal, wenn hier auf meinem lokalen Speicher etwas drin ist, okay, dafür werde ich eine Aussage hier machen, okay? Denn wenn ich diese Look entfernen werde, wenn Sie nur auf diese löschen alle klicken und nur die Seite aktualisieren, wenn ich versucht habe, ein Konsolenpunktprotokoll dieser Produktnummern das erste Mal zu tun , dass Sie auf die Seite kommen und Sie klicken Sie einfach auf bis Karte. Wenn Sie versuchen, diese aus dem lokalen Speicher zu bekommen und Sie versuchen, diese Teile in zu tun, weil es nicht existiert, wird Ihnen, wie, undefiniert oder nein geben wie, . Lasst uns einfach nachsehen. Ich werde es auf der Konsole tun. Ich werde klicken und wird nicht eine Nummer sein . Ok? Eso lasst uns das machen. Wenn Anweisung, so werde ich tun, wenn Okay, wenn es einige Produkt-Nummern, Okay. Es bedeutet, dass wir bereits dort von vorher geklickt haben. Wir haben etwas auf der Karte gewesen. Ich möchte ein lokales Speicherpunkt-Set machen. Ah, Zahlen. Okay, also werde ich das einfach abschneiden, ich werde das hier im Jahr vor Ort aufbewahren. Das Set für meine Kartennummern zu sein, was von vorher da war. Schau, das machen wir hier drin. Okay? Plus eins. Okay. Und wenn es hier kein Produkt in Ordnung gibt, wenn es Produkte bereits in unserem lokalen Speicher gab , wenn das keine ist, okay, okay, was ich tun werde, ist einfach meinen lokalen Speicher zu setzen, um die Artikelkartennummern festzulegen eins zu sein. Okay, das ist es, was wir jetzt überprüfen werden. Lassen Sie mich einfach auf die Anwendung gehen. Ich meine, lösche das Zeug in deinen Jungs. Vergiss nicht, das zu tun, denn dann wirst du nicht wie beabsichtigt arbeiten. Also werde ich die Seite aktualisieren. Ich werde hier klicken. Also, das erste Mal, wenn wir hier reingehen, versuchen wir offensichtlich, etwas zu bekommen. Du bekommst nichts. Das wird also keine Nummer sein. Also, wenn wir versuchen, dies zu tun, wenn Produktnummern existieren, was nicht die Zahlen, die es bedeutet, ist falsch, er bedeutet, dass dieser Code läuft. Okay, also lokaler Speicher, wir werden den Artikel der Kartennummern festlegen. Das haben wir hier oben drinnen. Und er wird den Wert eines setzen. Das zweite Mal, dass ich auf eine dieser Karten klicken werde, Wir werden die Produktnummern aus dem lokalen Speicher zu erhalten. Wir werden die Nummer eins als Zeichenfolge erhalten. Dann werden wir diese in eine Zahl umwandeln. Nun, ich werde sagen, ob Produktnummern jetzt existiert, ist eins, so dass es existiert und es ist wahr. Was wir also tun werden, ist eine lokale Speicherung zu machen. Set-Artikel unsere Warenkorbnummern werden die Produktnummern sein, die wir gerade vorher mit Nummer eins bekommen haben. Also eins plus eins wird sein, was wir es versuchen sollen. Da gehst du. Und was ist, wenn Sie weiter klicken? Schau, du hast die ganze Anzahl der Produkte, die du anklickst. Jetzt gibt es noch eine Sache, die wir tun können. Was ist, wenn wir hier klicken oder nichts diese auf den lokalen Speicher. Ich will das. Wenn dies der erste Gegenstand ist, kann ich einfach Dokumente tragen. Lassen Sie mich einfach ein Dokument Docks, Abfrage Selektor. Okay. Und ich möchte meine Warenkorbspanne auswählen. Okay, lass mich euch nur zeigen. Was ist das oder meine Navigationsleiste, die ich hier habe? Mein Wo ist es? Ally, Mit einer Klasse von Karten im Inneren haben wir eine Spanne mit der Zahl Null. Okay, wenn ihr euch nicht erinnert, dann ist das hier drin. Okay, sieh mal, diese Spannweite mit der Zahl Null. Das ist es, was ich da drin packe. Okay, lass mich zurückgehen. Und ich wollte auf den Text zugreifen. Ah, Inhalt. Toby entspricht zwei eso. Ich will sein, zum Beispiel, wenn er das erste Mal ist, dass wir tun, wird einfach ein nah an eins sein. Okay? Wenn nicht, was wir tun werden, ist nur, ähm, die Decks Inhalt, um Produktnummern zu sein, die wir von dem, was hier drin ist, greifen werden. Okay. Plus eins. Okay, wir greifen also alle Produkte, die wir bereits auf unserem lokalen Lager haben, und wir fügen eins hinzu. Also, im Grunde tun wir das gleiche wie hier, aber wir aktualisieren unseren Warenkorb. Okay? Ich meine, alle diese lokalen Speicherschlüssel loswerden, die wir die Seite aktualisiert haben. Und jetzt schauen Sie, ich werde auf nach Karten klicken. Okay? Also haben wir einen. Ich werde noch einmal klicken. Ich habe zu und auch hier oben drinnen. Ich klicke hier drei und so eins. Wenn ich das Seitenbild aktualisiere, ist es jetzt weg, OK? Wir haben immer noch unsere lokalen Speicherwerte, aber hier oben ist unsere Karte leer, also müssen wir etwas dagegen tun. Also, was ich tun werde, ist einfach die Funktion zu erstellen, okay? Haben Funktion auf Lasten, Karten, Zahlen aufgerufen. Okay. Und diese Funktion wird nur das Gleiche überprüfen, wie hier von vorher, wir werden eine Variable namens Produktnummern erstellen, die die lokale Lagerspitze überprüfen , eine Nacht bekommen, ähm, off Warenkorbnummern, wenn sie vorhanden sind. Also werde ich tun, wenn es einige Produktnummern aus dem lokalen Speicher gibt. Okay. Was ich tun möchte, ist nur mein Dokument, das Abfrageselektorkarte Spanne, Textinhalt setzen . Toby entspricht der Anzahl der Produkte, die sich in meinem lokalen Speicher befinden. Okay, jetzt, diese Funktionsweise hier wird nie laufen, es sei denn, wir nennen es. Wenn Sie sich daran erinnern, dass diese Kartennummern-Funktion Zehe ein Klick-Ereignis-Listener Zehe diese Schaltflächen angebracht ist . Aber diese Funktion, die wir gerade erstellt haben, wird nie laufen, bis wir sie nennen. Also werde ich diese Funktion hier unten aufrufen. Also, wenn wir die Seite zum ersten Mal laden, werden diese laufen und er wird es überprüfen. Also, wenn ich die Seite aktualisiere, Schau, der Wagen ist die ganze Zeit. Drei. Also, wenn ich zum Beispiel rauskomme , haben wir fünf hier oben drinnen, wie Sie sehen können, ob ich mich erneuere oder wenn ich auf wie Sie sehen können, die Warenkorbseite gehe und dann gehe ich zurück. Sieh mal, es ist da. Alles klar, Leute. Also, das ist es für diese v Ansicht und alle verklagen die nächste 4. Produkte zum lokalen Speicher hinzufügen: Alles klar, Leute, willkommen zurück. Also im letzten Video, wenn ihr euch erinnert, wir waren wie ein Klick auf diese zwei Karten. Und er aktualisierte unseren Warenkorb Knopf hier auf dem Gespräch mit, wie viele Artikel wir im Warenkorb haben . Aber im Moment wissen wir nicht genau, welche Produkte wir in unserem Land haben. Also, das werden wir in diesem Video lernen. Also das erste, was ich tun möchte, ist, wenn Sie sich erinnern, wenn wir diese vier bewegen Teoh bei diesem Event Listener, klicken Sie auf diese Afghanen Buttons. Wir wissen im Moment nicht, in welcher Art von Produkt wir klicken, wir wissen nur, dass wir klicken können, und das wird etwas zu dem Auto hinzufügen. Lassen Sie mich Ihnen zeigen, was ich tun möchte, wenn ich Dysfunktion Kartennummern anrufe. Ich möchte innerhalb dieser Karten Mitglieder passieren, die ich passieren möchte. Ja, Produkte. Okay, diese einjährigen Produkte. Also, wo sind es Produkte und ich werde hier reinbringen. Ich so, wie ihr euch erinnert, wir machen diese vier Blick, der mit der Indizierung hier beginnt. Null. Und es war bis drei. Jedes dieser Produkte wird also einen Index haben. Also, wenn ich darauf klicke und ich diese Funktion aufrufe, könnte ich diese einfach hier ein Produkt schnappen, OK? Und am Anfang werde ich es dir zeigen. Okay? Ich bin nur mit Mais Soul gefüllt. Sieh nicht hin. Und ich werde sagen, dass die Produkte klicken ist, dass ich nur Jahre, äh, Komma Raum setzen und ich werde zusammen Produkt. Okay, also klicke ich mit der rechten Maustaste auf hier auf der Seite, inspizieren, damit ich die Entwickler-Tools öffnen kann. Ich gehe in meine Konsole und schau, was ich tun werde, wenn ich auf diese klicken werde. Mein tolles T-Shirt. Okay, sieh mal, der Bruder, auf dem die ISS geklickt hat, wird er mir hier zeigen. Name Große T-Shirts. Müde. Graues T-Shirt Preis 15 in Karte Null. Okay, und wenn du dich daran erinnerst, ist das, was hier oben drinnen ist. Okay, also lassen Sie mich diese einfach löschen. Aktualisieren Sie die Seite. Stellen Sie sich das vor. Jetzt klicke ich, oder das hier der schwarze Hoodie. Ich werde auf seine Ich bin nur aktualisieren Sie die Seite. Löschen Sie diese jetzt klicken Sie auf den schwarzen Hoodie und schauen Sie, was es sagt. Name Schwarz. Wer? Das Ziel. Schwarz. Wer? Die Wir haben den Preis und in Karten genau wie diese. Also sind wir auf dem richtigen Schritt. Nun, die an unser lokales Lager. Wenn ihr euch an unseren lokalen Speicher erinnert, ist das einzige, was wir im Moment haben, nur, um einfach zu aktualisieren. Ich klicke hier rein. Wir sind im Moment nicht hier. Nur die Kartennummern. Okay, was ich tun werde, ist, wenn ich hier unten scrolle. Also übergebe ich diese an die Kartennummern und hier unten, nachdem ich alles gemacht habe, nimm einfach diesen Constable-Block mit nur Notwendigkeit mehr. Ich werde eine Funktion namens sit IVs aufrufen. Okay. Und ich bin auch mit einem Pass diese Produkte. Okay, also übergebe ich das Produkt hier, das, auf das ich in meine Autonummern klicke. Ich schnappe es hier oben auf diesen Karten Zahlen, und dann übergebe ich es hier an diese andere Funktion, die es im Moment nicht gibt , aber wir werden jetzt erstellen. Okay, also setze Artikel ein. Lassen Sie uns diese Funktion Funktion Sinn Elemente erstellen. Okay? Und lasst uns diese Produkte schnappen. Lass es uns auch hier reinlegen. Und ich gehe einfach zu einem Paket von Lord, und ich werde sagen, sogar die Funktion des Set-Items abmelden , und ich werde ein weiteres Konsulat machen. Hören Sie, mein Projekt ist es, und ich werde einfach die Front durchblättern. Das ist okay. Stellen Sie einfach sicher, dass diese Funktionen hier ausgeführt werden. Also werde ich die klären. Ich klicke hier auf uns nach Cartland, überprüfe meine Konsole und schaue in die Funktion des Artikels. Mein Bruder hat ein tolles Gericht benutzt, in dem ich gerade darauf geklickt habe. Okay, ich habe diese wieder aufgefrischt, als ich jetzt auf diesen grauen Hoodie klicke, innerhalb der Funktion des Set-Artikels. Mein Produkt ist, er will den Namen. Willst du das binden? Der Preis und das Einkommen Perfekt. Okay, also, was wir tun wollen, zuerst, werde ich tun, was? Produkte Punkte in Karten im Warenkorb. Er wird gleich eins sein. Okay, Also das erste Mal, dass Sie hier klicken, Sie sind es könnte Produkt Punkt im Warenkorb tun, denn wenn Sie sich erinnern Ah, wir haben diese in Karten, Optionen? Ja, medizinische Produkte im Warenkorb. Und dann werde ich ein lokales Lager machen. Setzen Sie nicht Artikel Ich denke, dass Set-Artikel, dass Yeah, Gott gesetzt Element und was ich diese nennen werde, ist unter dem Problem. Sieht aus, ich denke, das war es, was ich vorher hatte. Ja. OK, also Produkte in Karten, und dann werde ich ein Komma setzen und dann den Wert, den ich will. Okay, jetzt werde ich einfach sagen, äh, vielleicht werde ich eine neue Variable im Fahrzeug starten. Lassen Sie Karten. In Ordnung. Das wird gleich sein. Zwei Leute sahen ein Objekt, und ich werde hier reinlegen, ist Angriff. Ich werde die Produkte Punkt-Typ setzen. Okay, ich werde nur diesen Namen setzen und dann werde ich nur das Produkt selbst Fuß nehmen, okay? Irgendwo, um die zu retten, lass mich diese zuerst drängen, hier oben. Und jetzt werde ich dio, ich werde diese Autogegenstände hier drinnen weitergeben. Okay? Also lass mich hier reingehen. Lassen Sie mich alle Dinge entfernen. Wenn Sie die Seite aktualisieren, werde ich in einer dieser klicken und schauen, was passiert. Es sagt Produkt in Karte und ich habe Objekt. Objekt. Okay, das Problem ist also, wenn wir diese Objekte erstellen, die ich in meinen lokalen Speicher übergebe . Wir müssen eigentlich etwas namens Jason tun. Nicht seltsam, wenn ich, weil wir diese nicht als Javascript-Objekt, sondern als angrenzendes Objekt e an unseren lokalen Speicher übergeben müssen. Also, was wir tun können, ist Jason Dot String, wenn ich okay, und wenn ich das hier reinstelle, Jason nicht String. Wenn ich und ich Autoartikel booten, denke ich, wenn ich mich nicht irre. Lass uns das loswerden. Das ist Erfrischung. Ich werde auf die 1. 1 klicken und jetzt ist es in Ordnung. Okay, ich werde die hier reinschieben. Hören Sie, das ist, was wir jetzt in unserem „Ein lokales Produkt“ haben. Ich habe ein tolles T-Shirt mit dem Namen eines großen T-Shirts, um den Preis anzugreifen. Und ich kam in Nummer eins. Okay, perfekt. Also haben wir den ersten Teil bekommen. Aber die Sache ist, wenn ich eine schnelle jetzt auf der 2. 1 zum Beispiel, diese Grab Woody. Jetzt sehen Sie, dass diese über geschrieben werden, also lasst uns mit diesem Teil beginnen. Weil wir nicht wollen, dass diese die ganze Zeit über geschrieben bekommen Also, denn das heißt, wann immer wir auf die Set-Elemente zum ersten Mal klicken, müssen wir überprüfen, ob bereits eine Art von Auto-Artikel in hier bereits vorhanden ist oder nicht. Okay, also lasst uns das machen. Also höre ich, dass Let's Cards Gegenstände Adler in die lokale Lagerung sein werden. Okay, lass mich die einfach durchstehen. Lass uns, weil ich es hier in der Halle bereits initialisiert habe. lokale Speicher bekommt also keinen Artikel, okay? Und der Artikel, den ich bekommen möchte, sind diese Produkte in Art. Okay. Um zu überprüfen, ob vorhanden ist. Bereits, etwas in unserem lokalen Speicher so bekommt kein Unentschieden. Das sind Karten. Okay, das ist also, was meine Einkaufswagenartikel sein werden. Okay, und dann gehe ich zu einem Auto, also spazieren. Und ich werde sagen, dass meine Warenkorb-Artikel sind, und ich werde hier nur Kartenartikel reinlegen. Okay, also lassen Sie uns die überprüfen. Ich werde die Seite aktualisieren. Ich gehe in meine Konsole. Ich werde diese grable klicken, die zum Beispiel, und schauen, was wir haben, um oben zu bekommen. Meine Artikel sind, und dann haben wir schwere Laune, und wir haben Namen und wenn Sie die überprüfen. Das ist in einem Jason für Bilder und vier Monate. Genau. Weil sein alter voller dieser Anführungszeichen nicht in einem normalen Javascript-Objekt ist. Also für diesen Weg, haben zu Wer hat Gegenstände gleich zwei. Jason. Nicht schwer, weil wir von Jason in ein JavaScript-Objekt übergeben möchten. Okay, ähm, also werde ich hier drinnen tun, um nur die Gegenstände. Okay, jetzt klicke ich wieder auf diese Feinschmecker. Und, Lou, was ich diesmal habe, okay. Ich habe meinen tollen Film mit dem Namen mit der Zeit des Preises und im Warenkorb eins bekommen, das ist genau das, was gerade da drin ist, was perfekt ist, was perfekt ist, damit wir sehen können, was da drin ist. Nun, schauen wir einfach schwache Überprüfung hier und zuerst in jeder Aussage. Wenn OK, Wachen, Autoartikel, dann ist er der Unterschied . Nein. Okay. Das bedeutet, dass er jetzt schon etwas in einem lokalen Lager in unseren Karten ist. Okay, wenn wir versuchen, etwas aus unserem lokalen Speicher zu bekommen und wir hatten eine nehmen es diese mit benachbarten ist wie ein Javascript-Objekt. Und dann machen wir eine Überprüfung Wenn unsere Artikel anders als nein ist, bedeutet dies etwas, das bereits existiert. Das wollen wir also tun. Wir wollen Karten, Gegenstände machen , und dann werde ich diese Klammern setzen, um meine Produkte zu setzen. Der Typ wird allen gleich sein. Entschuldigung. Ich möchte auf die Karten-Methoden zugreifen. Toby ist gleich zwei oder plus Waas gleich eins. Das soll also eine erhöhen, die bereits da drin ist, und ich werde es dir jetzt zeigen. Okay? Das ist fast, wie Karten Artikel auf. Also, zum Beispiel, wenn ich die 1. 1 der Produkt-Angriff wählen, wenn ihr euch erinnert, ist er ein tolles T-Shirt. Okay, das wird passieren. Wo ist sie? Wo ist sie? Ist nur das Dies ist genau die gleiche Länge Leichtigkeit. Okay. Und dann bekommen wir diese Eigenschaft in Karte genannt, und wir erhöhen sie um eins. Okay, ich bin nur alles, also, äh, äh, ich bin einfach klar, diese Aktualisierung werde ich auf die 1. 1 klicken Schau dir diese tollen Scheiße das erste Mal an . Schau, wir haben eine auf der Gesamtkartennummer und was wir drinnen haben, wir haben ein Nicht-Objekt mit einem Schlüssel von tollen T-Shirts und innen haben wir den Namen. Die Zeit der Preis. Und wir kamen in den Wagen eins. Ich werde noch einmal sauber reingehen. Sieh mal. Okay, also ist nichts passiert. Lass mich sehen. Denn mit diesen, wenn Aussagen und wir das noch in Ordnung bringen müssen, werden diese sonst sein, wenn wir beim ersten Mal nach unten klicken. Okay? Wenn Sie das erste Mal nach unten klicken, möchten Sie Ihr Produkt einfach in Schnitte setzen, um eins zu sein. Dies ist das erste Mal, dass Sie klicken. Es bedeutet, dass Ihr Auto Artikel nicht ist. Da ist nichts drin. Okay, also lass mich mich einfach darum kümmern. Aktualisieren. Ich werde hier drin beben. Und wir haben ein tolles T-Shirt mit dem Namen Talkpreis beim Schneiden bekommen. Was? Denn das war das erste Mal, dass wir geklickt haben. Ich gehe und klicke auf den nächsten. Und wenn ich offen aussehe, bekam ich Einfluss auf etwa zwei dieser T-Shirts. Und wenn ich noch einmal klicke, schau, ich habe drei Karten und ich weiß, dass die Gesamtkartennummern auch drei oben sind OK, aber es gibt jetzt ein Problem mit diesen, denn wenn ich hineingehen werde, klicken Sie, zum Beispiel auf diesem schwarzen T-Shirt könnte sagen: „ Schau, Schau, was wird passieren? Nichts ist anders als hier. Schau, ich werde die Seite aktualisieren, wenn ich hier klicke. Nichts passiert. Okay? Denn, schauen Sie, wir haben die ganze Zeit noch dieses und tolle T-Shirt von vorher. Also lassen Sie uns dies beheben, By the way, Ich werde nur hier auf der Konsole klicken, um euch Jungs zeigen zu lassen, schauen und Gericht Typ Fehler kann nicht Eigenschaft von in Warenkorb von undefined wieder. Okay, also das Problem ist, wenn ich versuche, diese zu tun, wenn ich versuche, wo Einkaufswagen Artikel und dann Produkt Angriff Punkt in den Warenkorb von etwas, das vorher nicht hinzugefügt wurde, wie zum Beispiel, diese, wenn Sie hier im Moment einchecken, haben wir diese tollen Probleme, weil dies das erste war, was wir angeklickt haben. Okay, ihr erinnert euch daran, wenn wir diese beim ersten Mal anklicken, aktualisieren wir unser Produkt in Wagen. Toby ist gleich Zehe Eins. Okay, was auch immer Sie klicken, dann erstellen Sie diese sehr Milch sind Elemente. Okay? Toby entspricht dem, was auch immer es ist Ihr Produkt Time Name. Okay, wenn du also klickst, zum Beispiel auf das schwarze T-Shirt zum ersten Mal, als es gerade aufgefrischt wurde, war sie zum ersten Mal schnell auf dem schwarzen T-Shirt. Sehen Sie, ist das Produkt Karten gesehen? Du hast dieses schwarze Schlüssel-T-Shirt, und dann hast du alles drinnen mit im Auto beim zweiten Mal, dass du klickst. Okay, er wird es leicht überprüfen. Kann keine Artikel wissen, wenn Sie sich daran erinnern, dass der Warenkorb Artikel nur versucht, zurück zu bekommen, was wir hier drin haben . Wenn es nicht weiß, dass wir tun halbe Gegenstände und dann vorstellen, dass ich werde auf diese grauen Hoodie klicken , weil diese große launische gibt es nicht beim Hören dieser Objekte, wie Sie sehen können, wird uns diesen Fehler geben. Also werden wir diese überprüfen. Nun, ich werde einen bequemen Look machen, nur um euch zu zeigen, dass ihr einen Konsolenpunkt macht, um die Autogegenstände abzumelden , Bruder zum Angriff. Okay, im Moment haben wir nur ein schwarzes T-Shirt in unserem Lager. Also, wenn ich versuche, Woche auf diesen grauen Hoodie, schauen Sie auf mangy s 66 die diese Linie ist es sagt, dass diese undefiniert. Okay, wenn das nicht definiert ist, wenn ich versuche, dieses Israel zu übernehmen, heißt es undefiniert. Okay, also können wir nichts tun, weil er ein anderes breites Produkt ist als das erste, auf das wir geklickt haben. Also werden wir jede Aussage tun. Ich gehe hierher. Wenn Karten, iTunes, Punkte, Produkttyp Unterschied ist, dann auf der Suche. Okay. Ich möchte die Gegenstände meines Autos so aktualisieren, dass sie einem neuen Objekt entsprechen. Okay. Und was ich tun werde, ist, dass ich alles schnappen werde, was auf meinen Autogegenständen von vorher ist, mit dem Rest Operator von Jobs. Großartig. Also nicht unsere Gedanken, Karten, Artikel, Artikel, und dann, was ich reinlegen werde, ist nur meine Produkte, die Zeit mit meinem Produkt da drin. Okay, das sollte es sein. Und schließlich, dann natürlich, aktualisiere ich einfach die in Wagen. Toby Bliss eins. Okay, lass mich die retten. Es ist Erfrischung. Ich werde zum Beispiel klicken . Das ist das erste Mal. Das erste Mal, dass wir auf ein Produkt klicken, ist in Ordnung. Also werde ich dieses tolle T-Shirt anklicken. Hören Sie, ich habe das tolle T-Shirt mit im Wagen von eins. Ich klicke noch ein Mal und ich habe Einkommen. Aber jetzt, wenn ich versuche, zu gehen und klicken Sie auf einen Unterschied Produkte, zum Beispiel, diese grauen Hoodie Okay, um funktioniert nicht. Mal sehen, was auf der Konsole falsch ist. Es sagt immer noch, dass auf der 73 sie eine Art von jemals eso verwenden Lassen Sie uns einfach überprüfen, meine nur diese Aktualisierung löschen und hier suchen. Tut mir leid, ich will nicht, dass das anders ist als nur in Ordnung. Ich wollte gleich einem definierten sein, wie wir es vorher überprüft haben. Wenn ich klicke, eines dieser Ziele dieser Produkte wird mir sagen, dass nicht definiert ist. Ich möchte nur meine Auto-Artikel aktualisieren, um was immer es ist auf meinem lokalen Lager von vor und dann bei diesen neuen Produkten zu sein. Okay, also lasst uns erfrischen. Ich klicke auf diese T-Shirts. Wollen wir nachsehen. Wir haben Eintopfkarten. Ich klicke noch eins. Also alle drei von ihnen. Jetzt klicke ich zum Beispiel auf die große Moody . Okay. Oh, ich habe meine Akte nicht gespeichert. Tut mir leid, Leute. Okay, gehen wir einfach hier Anwendung. Lasst uns die loswerden. Aktualisieren. Ich werde 123 verlassen. Ich will drei davon. Ich werde auf die Heilige klicken und schauen, Ich habe die große Houdini als auch. Mit einem in der Karte. Ich gehe hier rein und klicke. Ich habe in Nachteile und wenn du siehst, ich habe drei hier drin von dem tollen T-Shirt, das ich vom grauen Hoodie bekam. Und ich brauche nicht insgesamt Artikel oben, die wir gerade von vorher aus dem vorherigen Video fünf geschnappt haben. Okay, ich kann nicht mal einen mehr haben. Nehmen wir an, die schwarzen Tee Schiffe, dass es schwarzes T-Shirt, Name, Zeit Preis und im Warenkorb ist. In Ordnung, also denke ich, das ist es für die echten und sehen, ob ich etwas anderes vermisse. Nein, ich denke, dass Sitzplätze in Ordnung, Leute, genau wie sonst. Wenn Sie Fragen haben, lassen Sie es mich einfach in den Kommentaren unten wissen. Und das war's für dich. Video Jungs. Wir sehen uns im nächsten 5. Gesamtkosten in Kart berechnen: Na gut, Leute, willkommen zurück. In diesem Video werden wir die Gesamtkosten unserer Produkte berechnen, die wir in den Warenkorb legen. Also werde ich die Funktion erstellen. Ähm, wahrscheinlich. Ja, das kann es. Nur hier unten. Nach all den. Organisieren Sie diesen Code einfach ein wenig besser. Nur damit wir nicht überall viele verschiedene Räume haben. Nur damit wir nicht überall viele verschiedene Räume haben . Okay, ich denke, das ist in Ordnung. Also werde ich die Funktion hier erstellen, die Total Cost genannt wird. Ok. Und diese Funktion, wann immer ich gehe, und ich mache einen Blick durch meine eigene App zu Carter Button wird diese Funktion hier übergeben. Gesamtkosten. Und ich möchte innerhalb der Werte dieser Produkte weitergeben. Okay, also werde ich Decks machen. Ich mag es nur vorher. Also, wenn ich in einem dieser klicke, kann ich Zugang zu ihren Eigenschaften, die wir hier haben. Es werden also Produkte sein. Ich okay, also werde ich diesen Wert schnappen. Wir werden diese Lautstärke im Jahr schnappen. Wir die ein Parameter aus Produkt. Sie können es nennen, wie immer Sie wollen, denn das ist der Umfang, den Sie nur packen. Also werde ich nur dio-Konsole nicht Lord von den Produkten Fries ist und dann werde ich den Anruf tätigen. Ich werde keine Produkte setzen. Punkte, Pommes Frites. Okay, lassen Sie uns die testen. Ich gehe zu meiner Konsole. Ich werde klicken, zum Beispiel, diese schwarzen Hoodie, die $25 mit einem Klick, und er wird sagen, die Produktpreise 20. Okay, weil ich die hier nicht richtig aktualisiert habe. Also habe ich 25 bekommen. Ich habe zehn. Also 25 10 und dann bekam ich 20 und dann bekam ich 50. Okay, tut mir leid, Leute. Ich hatte nicht die gleichen Preise, wie die im Jahr auf der HTML-Seite. Also lassen Sie mich einfach den alten lokalen Speicher löschen. Aktualisieren Sie die Seite, damit wir nichts auf der Hut haben oder irgendetwas. Ich klicke auf diesen schwarzen Hoodie. Okay, also haben wir diesen schwarzen Hoodie in unserem lokalen Lager. Wir haben ein Produkt in der Karte, was in Ordnung ist. Wir haben die Nummer eins, und ich werde nur auf meinen Rat gehen, und es steht der Produktpreis Ost 25. Perfekt. Weil wir in diesen Hoody geklickt haben. Ich klicke jetzt auf dieses tolle T-Shirt. Also sollte mir das Produkt sagen. Preise 50. Ok. Und achtziger Jahre. Okay, also packen wir zuerst das Zeug. Was ich tun will, ist, dass ich ein lokales Lager machen werde. Element nicht einstellen. Ok. Dieser Yeah, Set Artikel. Und derjenige, den ich einstellen möchte, wird als Gesamtkosten bezeichnet. Und was ich hineinlegen möchte, ist mein Produktpreis. Okay, mein Produktpreis. Also lasst uns in die Anwendung gehen. Löschen Sie den gesamten lokalen Speicher, damit wir neu starten können. Ich werde auf dieses tolle T-Shirt klicken und schauen, jetzt haben wir die Gesamtkosten aus. 15. Also, wenn ich noch einmal darauf klicke, sehen Sie, wir wurden nur in Karten getragen, okay? Ich habe nicht geklickt. Ich schätze, so. Ich habe eine Doppelkarte von diesem tollen T-Shirt. Die Gesamtzahl der Kartennummern ist immer noch zu. Aber unsere Gesamtkosten werden nicht aktualisiert, da wir beim ersten Klicken den ersten Wert festlegen. Wenn Sie jedoch das zweite Mal klicken, müssen Sie überprüfen, ob sich auf dem lokalen Speicher etwas befindet, das bereits vorhanden ist oder nicht. Das werden wir also tun. Ich verhindere nur diese Konsulatgesetze und ich werde die neue Variable hier drin erstellen. Ich werde es Leads nennen. Kosten der Karte. Er wird gleich zwei lokale Lagerung Gedanke bekommt Artikel. Und welchen Artikel möchte ich bekommen? Ich möchte das hier schnappen, dass es die Gesamtkosten genannt wird. Okay, also werde ich Karl Soule Dot meinen Wagen absperren. Ihre Kosten sind, und dann werde ich einfach diese geschnitzten Kosten, die wir aus dem lokalen Lager . Okay, schauen wir uns diese Konsole an. Ich klicke hier zum Beispiel auf diese tollen Launenheiten , und es wird mir sagen, dass meine Kartenkosten 15 sind. Ok? Und wenn ich einen Kurs machen werde, die Sperre, werde ich einfach tun, was für eine Art von aktuellen Kosten ist. Dies ist nur, um Ihnen zu zeigen, welche Art von Datentyp es ist? Also werde ich hier reinklicken in dieser tollen Launenhaftigkeit, und er wird mir sagen, dass meine Einkaufswagenkosten 20 sind und es ist eine Schnur. Also, wenn wir etwas aus dem lokalen Speicher zurückbekommen, kommt es als String, weil wir die Nummer wollen. Ich werde meine Autokosten aktualisieren. Okay, lass mich einfach hier reingehen. Wenn ich gespielt meine Karten kosten gleich zwei A parse es von den Kartenkosten. Also wandeln wir von einer Stärke in eine Zahl um. Also werde ich es noch einmal versuchen. Jetzt möchte ich, dass der Datentyp der Variablen eine Ihrer Zahl ist, so dass wir tatsächlich die jetzt toe berechnen die Gesamtkosten unseres Einkaufswagens verwenden können. Okay, die nächste Sache ist, dass ich überprüfen werde, ob meine Gesamtkosten nicht sind oder nicht. Denn zum Beispiel, das erste Mal, dass ich darauf klicke, Ich möchte nur dies tun, OK, OK, Aber wenn meine Katze Kosten ist nicht in allen, es bedeutet, dass existiert, dass bereits etwas in meinem Lokaler Speicher. Ich möchte etwas anderes machen. Also meine Karpaten Kosten sind Unterschied, dann? Nein, es bedeutet, dass das existiert. Ich werde etwas anderes tun. Ich werde die auf mein lokales Lager stellen. Okay, lassen Sie uns die retten. Was? Ich möchte das Innere des Jahres setzen. Ich möchte meinen lokalen Speicher festlegen, nicht den Artikel dieser Gesamtkosten festlegen. Und das wird alles sein, was da drin ist von vorher von den Einkaufswagenkosten plus diesen neuen Produktpreis, den wir auf OK klicken, also dessen Autokosten plus Preis. Okay, um, probieren wir die aus. Nein, löschen Sie den lokalen Speicher. Aktualisieren Sie die Seite. Wenn ich also einmal auf mein tolles T-Shirt klicke, haben wir hier eine Art Lüften. Wir haben keine Nummer. Mal sehen, was hier drin los ist. Nun, ich denke, das Problem könnte sein, weil wir nur unsere Einkaufswagenkosten umrechnen wollen. Wann sind Cast Kosten ist tatsächlich anders als nein. Vielleicht gibt uns das ein Problem. Lassen Sie uns also einfach die lokale Speicheraktualisierung löschen. Ich klicke auf meine große E Shift eins. Hör zu, ich habe 15 Dollar. Ich werde jetzt noch einmal klicken. Ich habe die Gesamtzahl von 30 und ich habe die gesamten Produkte hier drin, um uns auch unsere Produkte in Karten überprüfen zu lassen . Ich habe ein tolles Problem. Wenn ich darauf klicke, bekam ich den Namen Angriff einen Preis und wie viele Schnitt. Ich mache jetzt genau das Gleiche für den Hoodie. Vielleicht genauso gut wie ein zwei. Der Gesamtpreis ist also 2020. So ist 40 plus 15 15 30 40 in 30 ist die Gesamtkosten 70 was perfekt ist und ich habe zu Grau. Wer? Diese in Karten. Ich habe zwei tolle T-Shirts im Warenkorb und die Summe hier auf den oberen vier und meine Kartennummern für so all diese jetzt funktioniert gut. Na gut, Leute. So haben wir unsere Gesamtkosten. Ich werde diese noch einmal löschen und einfach klicken. Zum Beispiel, Ein tolles T-Shirt. Ich klicke auf einen grauen Hoodie und zum Beispiel ein schwarzes T-Shirt. Okay, also haben wir 15 plus 2035 plus dann 45. Wie hoch sind unsere Gesamtkosten? 45. Wie viele Gegenstände sollten wir auf der Karte haben? Drei Blick. Kartenzahlen Drei. Wie viel ist hier oben drinnen? Drei. Okay, wenn ich hier Produkte im Auto klicke, habe ich das tolle T-Shirt. Ich habe den grauen Hoodie und das schwarze T-Shirt. Okay, alle hier drin. Na gut, Leute, die nehmen für dieses Video, und ich sehe euch im nächsten. 6. Die Basket mit allen Produkten erstellen: richtig, Jungs, willkommen zurück in diesem Video, wir werden anfangen, unsere Zählseite zu tun, wenn wir alle unsere Produkte sehen können, die wir schneiden müssen . Also, wenn ihr euch erinnert, dass wir hier drin waren, sind die oberste , Schaltfläche,die uns zur Warenkorbseite im Moment bringt. Hier passiert nichts. Wenn man sich die Karten hier anschaut, passiert nichts. Okay, das werden wir im Moment tun. Wir haben hier noch unseren lokalen Speicher mit den Dingen hinzugefügt, die wir von vorher hinzugefügt haben. Wenn ihr euch erinnert, wir sind gerade im letzten Video ein tolles T-Shirt, grauer Hoodie, ein schwarzes T-Shirt, all diese Dinge. Und wenn wir auf unseren Wagen gehen, ist nichts drin. Okay, lasst uns die klären. Also das erste, was ist, wir brauchen, dass Toe offensichtlich unser Skript lädt, okay? Weil unser Skript im Moment nicht geladen wird. Also, wenn ich diese jetzt reinlegen, laden wir zumindest unsere Anzahl von Karten von Produkten in den Warenkorb. So wird das jetzt hier oben aktualisiert. Das Mittagessen ist geschlossen. Er ist einer für eine Sekunde. Beginnen wir mit einer Art von HTML-Elementen des Stylings. Damit ihr sehen könnt, was passieren wird. Also das erste, was ich tun möchte, ist nur einen Dieb mit einer Klasse von Produkten zu erstellen. Enthalten Sie das. Okay, dann innerhalb dieser wurden Dieb mit einer Klasse von Produkt erstellt, die ich hatte, äh, dann werde ich auf h fünf mit Krallen aus Produkttitel haben, okay? Und ich werde dieses Produkt einfach einbringen. Ich setze noch ein H 5 in die Klasse der Preis, und ich glaube, das war's. Und ich werde einen Preis setzen. Okay? Wir werden es aus h fünf herausnehmen. Vergaß, für die Klasse zu dotieren, Theseus eins wird mit einer Klasse von Quantität sein. Willst du etwas Tee? Und schließlich werde ich eins durch die H fünf mit einer Klasse von total okay, und werde sagen, es wird also, es ist OK, nachdem diese mit der Klasse von Bruderkandidaten gegangen sind . Ich werde einen Deal mit der Klasse der nur Produkte machen. Dies ist, wo wir alle unsere Produkte, die sie auf dem lokalen Lager sind, setzen. Ich werde es einfach leer lassen, weil wir diese mit Javascript füllen werden. Aktualisieren Sie die Seite. Ihr schießt im Moment CDs, nur dieser Bruder wirft den Gesamtpreis. Vielleicht können wir also anfangen, etwas CSS hinzuzufügen. Okay, also werde ich die hier reinlegen, nur um die Division zu machen. Also weiß ich das jetzt. Das ist es, was meine Karten Seite stoppen wird, und ich werde tun, ähm, allem, wo mit Container Pro zu tun? Das ist, ähm, wo ist es? Meine Containerprodukte. Wenn ich mich erinnere, sollte dies genannt werden, wie wir es Produkte Container nennen können. Das ist in Ordnung. Also werde ich diese Produkte Container nennen, okay? Und was ich mit diesem einen ISS machen möchte, wurden ein Monat mit Off-Markierungen mit off 650 Pixeln gesetzt . Ich werde den rechtfertigen Inhalt als Raum-Sounds setzen, und ich werde auch eine Marge Null setzen, also wird er auf der Seite zentriert. Und schließlich, mal sehen, ähm, die Ränder sind auch und ich werde die falschen Jim 50 Diesel für die Top 50 Pixel setzen. Okay, so wie ihr sehen könnt, haben wir diese jetzt ein bisschen auf der Seite zentriert. Kommt. Geht zu inspizieren. Hören Sie, das ist mein Privatschul-Tainer. Also ist alles ein bisschen mehr zentriert auf der Seite, wie ihr Jungs in einer Sekunde sehen werdet. Was dann? Was möchte ich sonst noch tun? Ich möchte auch diese Produkte Container setzen. Ich denke, wenn ich mich nicht irre, ist auf meiner enthält nur die Suche hier Produkte enthalten, so dass wir diese gleichen Stylings auf all diese Dinge anwenden . Das nächste, was ich tun möchte, ist nur etwas Styling für mein Produkt. Header jemand setzen Draw Decks und dort. Okay, er wird mit der Welle zu 100% sein. Wird mit Max mit off 650 Pixel mit dem Scheinwerfer aus Flex Flex sein. Okay, jetzt möchte ich, dass die Leute Inhalte rechtfertigen. Ich glaube nicht, dass ich diese Flagge starten muss. Ich werde dort Grenze setzen. Unten ab. Vier Pixel, langsame Leitungen, Lichter. Großartig. Okay. Wie ihr seht, sieht ein bisschen besser aus. Ich werde auch Ihren Sohn Margin Null setzen. Okay. Was mein Produkt war. Heather, ist das ja. Das ist also in Ordnung. Er ist also also schön auf der Seite zentriert. Jetzt, da ich diese möchte, möchte ich meine Produkte seinen Titel mit einer Woche von 45% fallen lassen. Hören Sie, das ist mein Produkt. Okay? Dann überprüfe ich meinen Preis, umbei 15% zu bleiben , um . Ich schätze, ich werde auch genau das gleiche Grenzwasser setzen. Wie, von vorher. Und ich werde die These abblättern, Inhalte rechtfertigen? Nein, eine Linie erhöht sich. Einer von euch wird es in einer Sekunde sehen. Warum? Also diese Dinge für den Preis, denke ich, das sollte gut sein. Ja, denn danach werde ich da drin etwas anderes machen, Eso habe ich die bekommen. Wir haben die für große Zellen. Ich glaube nicht, dass ich diese Grenze beides setzen muss. Ähm, eigentlich, ähm, werden wir sehen. Wir werden sehen. Lasst uns die einfach vorerst lassen. Und nachdem wir das getan haben, werden wir diese einfach loswerden. Ich werde nur kopieren, das wird genau das Gleiche sein. Also möchte ich das Video nicht zu lange setzen, nur wegen dieser, ihr könnt immer fallen und einfach diese Stile kopieren, die ich habe. Okay, also sind wir für meine Gesamtsumme und für meine Produkte. Okay. Wenn eine Refresh-Menge, denke ich, fehlt etwas für meinen, äh, Korb. Ich habe mein Produktbild, meine Produkte. Das wird dafür sein, nachdem das für meine Produkte sein wird. Ich glaube, das war's. Ja. Waas Sobald wir zurückgehen, meine Quantität, denke ich, ich vermisse meine Quantität. Das war die Sache nach dem Preis. Okay, ich denke, das erwartest du meinen Preis? Ja, ich denke, das ist vorerst in Ordnung. Okay, richtig. Also haben wir diese Teile, und offensichtlich haben wir nichts anderes. Ich möchte jetzt nur in meinen Hauptpunkt Js gehen. Also haben wir all diese Styling, die ich jetzt erstellen möchte, eine weitere Funktion, die überprüfen wird, ob es etwas in meinem lokalen Speicher gibt, um zu überprüfen, ob es im Moment ein Produkt gibt, das sind drei von ihnen hier drin. Wenn ihr euch erinnert, haben wir das verstanden. Schieben Sie das einfach. Wir haben ein Produkt in der Karte. Graues T-Shirt, ein grau. Wer? Der Juan. Wir haben ein schwarzes T-Shirt. Eine Gesamtkosten 45 bekam die Zählung. Zahlen drei. Okay, also, äh, lasst uns anfangen, die mit unserem Job-Skript zu setzen, also werde ich die Funktion erstellen, die diese Spielkarten genannt wird, okay. Und ich möchte, dass diese Funktion ausgeführt wird, wann immer wir die Seite lieben. Wenn wir also die Seite zum ersten Mal laden, möchte ich, dass diese Funktionen sofort ausgeführt werden. Deswegen werde ich es hier anrufen. Und was diese Funktion tun wird, ist, dass ich es tun werde. Lasst uns Carb Artikel gleich. So erhält der lokale Speicher Artikel. Und was ist der Artikel, den ich bekommen möchte? Wenn ihr euch erinnert, haben wir diese Produkte in der Karte. Okay, also Produkte Wagen, dann offensichtlich zu finden, um Kartenartikel zu tun, ist Jason Punkte. Denn wenn Sie einige Objekte aus dem lokalen Speicher greifen, kommen sie Jason Mit all diesen Strings herum, wollen wir von Jason in JavaScript-Objekte konvertieren. Deswegen benutze ich die, Jason, nicht Pars. Ich werde die hier und jetzt reinlegen. Ich wollte nur ein komfortables Aussehen. Stellen Sie einfach sicher, dass das funktioniert. Ich werde hier reingehen. Diese Karte, okay? Willst du die retten? Ich werde nachsehen. Mein Konsolenkartenelement ist nicht online definiert. 98 Artikel des Warenkorbs. Okay, das wollte ich mitkommen. Ich Teoh. Okay. Kontakt ist, was sie finden, wenn, okay, es gab ein paar Heiraten hier drin. Ich denke, es sind Dinge. Wenn ihr also nachschaut, schaut, wenn wir die Seite auf meiner Konsole lieben, sagt: Schau, ich habe all diese Dinge aus meinem lokalen Speicher, was wir wirklich wollen. Wir wollen überprüfen, welche Art von Produkten wir haben, wenn unsere lokale Lagerung. Richtig. Also wirklich, das erste, was ich tun werde, ist nur einen Scheck, ob Kartengegenstände. Okay, Also, wenn ich so etwas lege, werden Kartengegenstände überprüfen, ob es existiert oder nicht, ob er nein sein wird, oder und sie finden, dass das nicht läuft, okay, ich will die überprüfen, ob Karte Artikel. Und ich möchte auch überprüfen, ob diese Container diese Produkte Container weil auf unserer Homepage, weil wir diese JavaScript endgültig ohne Homepage und mit dieser Karte teilen. Also will ich nur, dass das läuft. Wenn diese Produkte kein Element enthalten, befindet sich auf der Seite. Also weiß ich, dass Dysfunktion nur für die Thesenseite läuft. Also, was ich tun werde, ist einfach meinen Let's Products Container zu machen. Er wird gleich sein. Zwei Dokumente, Hunde, Abfrage, Selektor aus. Wer hatte sich an diese Produkte erinnern. Äh, Container. Okay. Wenn also das Element des Elements auf der Seite existiert, möchte ich, dass diese beiden Dinge ausgeführt werden. Ich werde diese Hände legen. Stellen Sie einfach sicher, dass dies über das Internet funktioniert. Einen genaueren Blick, Herr. Und ich werde sagen, dass ich renne. Es ist nur ein Test. Ich gehe in meine Konsole hier oben, sage ich laufen. Es bedeutet also, dass wir auf der Warenkorbseite mit dem Produkt nicht enthält Element vorhanden sind. Und wir haben auch etwas auf unserem Auto Artikel in der lokalen Lagerung. Okay, das ist es, was wir haben. Diese if-Anweisung Bedingung. Also jetzt, Wirklich? Was ich tun möchte, ist, dass ich dieses Gesetz des Rates trennen darf. Ich werde meine Produkte machen, die okay, Don't Skinner html enthalten . Okay. Ich möchte zunächst, wenn wir die Seite laden, leer sein. Wenn es etwas gibt, das schon in Ordnung ist und was ich dann tun werde, werde ich durchschauen. Wenn ihr euch an dieses Konsulatgesetz erinnert, wo wir all unsere Sachen mit diesen Autos gepackt haben, möchte ich all die durchschauen. Lassen Sie mich hier noch eine Konsulatsuhr machen, damit Sie sehen können, wie Sie das Schloss von den Artikeln des Einkaufswagens schließen . Okay, schau, das ist ein Objekt mit einem Schlüssel aus grauem T-Shirt, grauem Hoodie, schwarzem T-Shirt und innen gibt es natürlich ein nominelles Objekt, natürlich ein nominelles Objekt, aber ich möchte durch all diese schauen . Also werde ich gut Objekte Punktwerte aus meinem Warenkorb Artikel machen. Okay? Und dann möchte ich die Werte meiner Karpfengegenstände überprüfen. Ich will diese Schlüssel nicht überprüfen. Ich möchte nur die Werte im Inneren überprüfen. Also werde ich zuerst diese Objekte durchschauen, als durch dieses, als durch dieses und so weiter. Ich mache einen Mopp. Und hier drinnen werde ich das zum Beispiel nur einen Gegenstand nennen . Okay. Und jetzt ist er das, was ich hinzufügen werde. Ich werde einen Produktbehälter machen. Dachte in HTML, ich werde ein Plus gleich plus gleich machen. Also weiß ich, dass er das erste Mal rennt. Was? Wir haben nichts. Also, das nächste Mal wird etwas hinzufügen, wird er seltsam, denn wenn Sie mehrere Produkte haben, die Sie nicht überschreiben wollen, müssen Sie das Plus gleich setzen. Okay, also werde ich ein paar Back-Zecken benutzen. Okay, weil ich mit dieser Taktik nicht vertraut bin, ist nur der Weg, damit wir Cem-Variablen mit den Streifen ins Innere injizieren können . Und hier drinnen, lass mich sehen. Ich werde nur einen Dieb setzen, okay? Mit dieser Klasse von Produkten, okay. Und hier drinnen will ich gehen. Wenn ihr euch daran erinnert, seid ihr meine Karten? Okay, ich schneide. Ich möchte hier unten eine enge Bata setzen, wenn ihr es überprüft. Ich bin mir nicht sicher, ob du irgendwas wegen meines Bildes fragst, dass ihr mich sehen werdet. Ich werde hier reinstoßen. Sie können diese immer kopieren. Ich mag ein Element. Okay. Ich werde es direkt darunter kleben. Okay? Ich lasse mich jemandes Eisen-Ikone sehen und dann nach Wunsch Nikon, werde ich ein Bild setzen. Das ist auch ich . M g. Wir haben diese Kraft abgesetzt, okay. Und das ist die Quelle. Was ich sagen werde, ist, ähm, nicht zu schneiden und ich werde Bilder, Hunde, ein Dollarzeichen setzen , , und jetzt werde ich mir die Gedanken des Gegenstands schnappen. Ich glaube, er ist müde. Zahlen Sie nicht j und Sie finden nicht falsch. Ich denke, dass Sitze und dann werde ich einfach nur Klamotten, das ist. Ich würde auch den Spahn in Ordnung bringen. Die Koran-Klasse im Moment. Ich werde nur den Namen des richtigen Hundes setzen. Ich glaube, das war's. Schließen Sie diese einfach. Lasst uns einfach die Seite auffrischen und ins Auto gehen. Schau, das haben wir im Moment, okay? Ich komme nur mit dem hier. Also lasst uns graues T-Shirt stylen. Lassen Sie uns ein Problem mit meiner Spannweite. Also, was war es? Vielleicht ist das okay, das ist in Ordnung. Wir haben unseren „Ich habe unseren , „ Schließknopf „bekommen,weil wir ihn schließen, nachdem wir den Namen bekommen haben, wir das Bild bekommen haben, und das war's. Lassen Sie uns ein paar Stylings in das stecken. Lass mich sehen. Finden Sie etwas fehlt. Ich werde meine, äh, Stile hier reinlegen äh, , nach meinem Produktbehälter. Okay. Ich werde das sagen, äh, bist du Nikon? Also könnte ich diese Stile setzen, okay? Erhöhen Sie einfach ihre Handy-Größe Produkte, die ich kann. Ich denke, alles ist in Ordnung, wenn ich mich nicht irre. Ich sehe, was in unserem Produktcontainer falsch sein könnte. Ich will hier nur weinen. Diese Produkte Schauen Sie, das ist, was das Problem war. Okay, wir haben diese Produkte, die sein sollten, wenn wir wollen, wenn ihr euch in unseren Wagen erinnert , ist das der Dieb, wo wir all das hinlegen werden. So sieht jetzt besser aus. Okay, das ist also in Ordnung. Lasst uns auf den Rest des Zeugs. Also gehe ich hier rein in meine Punktkarte. Lass mich mal sehen. Was will ich sonst noch da reinbringen? Ich möchte noch ein Geschenk machen. Okay. Mit den Krallen von Price. Okay. Also werde ich Steve jetzt einfach anrichten, was ich hier reinbringen will, ist nur, dass ich die in eine Zeile stecken kann. Ich will ein Jahr setzen. Nur der Artikel Dogs Price. Okay, also habe ich das Ding Zeh, nimm diese Sachen aus dem Produkt aus dem Warenkorb heraus. Ich habe den Namen, ich habe den Preis. Nun lasst uns eine weitere für die Menge machen. Also werde ich es jetzt tun, Deif Okay. Mit Kloss aus Quantität, Quantität, und dann werde ich den Dieb schließen, okay? Und was ich hineinlegen will, ist, dass ich tatsächlich ein paar Eisen-Icons für die Erhöhung und Abnahme setzen werde . Also, wenn ich einfach in diese Symbole gehe, seht ihr diese Dinger? Ich werde nur so etwas setzen. Ich werde nur ein paar Dinge kopieren, die ich hier drin habe, wenn eine Polizei ich und ich könnten. Okay, die gehen rein. Danach werde ich nur das setzen, was ich will, und wir setzen die Spannweite Unkraut. Mein Artikel Punkt im Warenkorb. So verängstigt Teil eso hat diese bekommen. Und was sonst? Ich muss nur sagen, dass ein anderer dieser sein wird. Der Pfeil nach rechts. Also werde ich es auch kopieren. Ich werde es Jahr nach dem Wirbelsäulencheck setzen. Sieh mal, das sieht viel besser aus, okay? Das sieht viel besser aus, etwas auf meinen Styles auf meinem Preis zu mischen. Ich muss diese auch setzen. Okay. Ja, weil sie von hier vermisst wurden. Schließlich müssen wir nur etwas auf die Gesamtsumme setzen. Okay, also werde ich bleiben Punkt Js hier reinlegen. Setzen Sie einfach noch einen Dieb. Okay? So ruft die Ansicht. Ich würde das nicht mit einer Klasse von total machen. Und jetzt drinnen, werde ich nur ein Dollarzeichen diese setzen, um meine Item-Gedanken in Karten mal meine Höhe und Gedanken Preis zu setzen . So zum Beispiel, hier drin haben wir nur 15. Es wird also 15 Mal sein, dass man die Summe sein wird. Wenn Sie also zwei oder drei Produkte haben, , wird sich diese Zahl damit multiplizieren, und es wird Ihnen eine Summe geben und es wird Ihnen eine Summe geben. Okay. Eso, das ist in Ordnung. Ich möchte wie ein zusätzliches Dollarzeichen als Stärke sein. Und dann Coleman 00, damit wir es haben können, als wäre das Dollar. Ich gehe zum selben Preis hier oben. Ich werde noch eine Dollar-Seite haben wie diese. Also haben wir diese 2010 bekommen. Das ist in Ordnung. Und schließlich, was ich tun will, ist, kurz nachdem wir das gemacht haben. Wenn Aussage, lassen Sie mich sehen, ob das danach ist. Ja, nach meiner Schleife wollte ich nur noch einmal meinen Produktcontainer Punkt inneres HTML tun Er wird gleich plus gleich in Ordnung, und was ich fragen möchte. Also werde ich noch ein paar Taktiken setzen. Ich muss die setzen. Das ist nur halb. Colon ist nur eine gute Übung, um zu gehen, um ein, wenn okay, und ich werde die Klasse ablegen. Ähm, Korb. Also? Also Container melden ein NH vier dieser Klasse von Körben. Also ist es alles, was ich gesagt habe. Okay, drinnen. Ich werde nur, ähm, Körbe insgesamt gegossen ähm, . Lasst uns diese vier Hände in die Schule gehen. Ich werde warm machen oder h vier. Okay, dieses Mal mit einer Klasse von Körben, ich will diese h vier und innen schließen. Ich will nur mit $1 Zeichen, damit wir das Dollarzeichen auf der Seite sehen können. Dann hätte ich Türschild geschweifte Klammern gesetzt, damit ich meinen Wagen setzen kann. Okay, wenn ihr euch aus dem lokalen Speicher für die Anwendung an unsere Gesamtkosten erinnert, muss ich sie hier reinpacken. Also werde ich das Gleiche tun. Wie von vorher. Was kann nicht kosten, wenn eine Kopie diese von vorher. Ich werde es hier reinlegen. Lassen Sie die Karte kosten. Und hier unten werde ich nur Karten legen. Plus Okay, also ist das in Ordnung. Das einzige, was wir jetzt vermissen, wenn ich mich nicht irre, ist, fügen Sie einfach ein bisschen Styling hinzu, weil er für sie fehlt. Also für den gesamten Korb Container, werden wir die tanzen. Okay, dann für den Korbtitel werde ich die Woche um 30% und meine Körbe insgesamt absetzen. Ich werde nur die Woche von 10% setzen. Okay? So wie das. Und wie wir sehen können, sehen offensichtlich, wir offensichtlich,dass diese Dinge immer noch nicht funktionieren. Das werden wir als Nächstes tun. Aber wir haben alle Produkte, die wir hinzufügen, und wir wollen die Gesamtsummen. Lassen Sie uns also einfach von all diesen lokalen Speicher lesen. Wie ihr seht, haben wir im Moment nichts hier drin. Und so werde ich nach Hause gehen. Ich fügezum Beispiel hinzu, zum Beispiel hinzu, vielleicht wie zwei schwarze. Wer? Diese 12? Ich werde vielleicht drei, ähm, 33 von diesen schwarzen T-Shirts raus ähm, . 123 Also kamen wir zu zwei schwarzen Hoodies und wir bekamen drei schwarze T-Shirts mit insgesamt $50 für diese 1 $30 für diese vier, und wir haben diese Summe. Na gut, Leute, das war's für diese Videokerle. Nun, das einzige, was wir jetzt vermissen, ist, wie wenn wir hier reinklicken. Wir können alle diese Brüder entfernen, auch wenn es 123 oder was auch immer gibt. Und dann klicke ich einfach auf diese Pfeile, um sicherzustellen, dass wir die Mengen erhöhen oder verringern können . Na gut, Leute, das war's für dieses Video. Wir sehen uns in der nächsten 7. Produkte von der Warenkorbseite: Na gut, Leute, willkommen zurück. In diesem Video werden wir die Funktionalität hinzugefügt, um diese Elemente mit dieser Schaltfläche zu entfernen, die wir hier drin haben. Wenn wir darauf klicken, obwohl es wie zwei oder drei dieser schwarzen Hoodies oder auch wenn Sie dieses schwarze T-Shirt hier entfernen wollen , können wir sie alle auf einmal entfernen, indem Sie einfach auf diese Schaltfläche klicken. Also, dafür werde ich nur hier unten nach meiner Display-Karten-Funktion erstellen. werde nur ein wenig Platz machen, und ich werde eine Funktion namens Löscht die Leads, Tasten erstellen . Ok, etwas. Und jetzt, wirklich, was ich tun möchte, ist genau so, wenn ich in eine dieser Schaltflächen klicke, ich möchte nur testen, um sicherzustellen, dass es eine Konsole, dieses Protokoll oder etwas gibt , um sicherzustellen, dass dies funktioniert. Also zuerst, lassen Sie uns alle diese Schaltflächen auf der Seite ausrichten, also werde ich nur erstellen, ähm, ähm, Variable namens Lösch-Buttons auch. Es wäre der gleiche Name. Ok? Er wird den Dokumenten dot-queary-Selektor gleich sein, alles, was Sie wissen, weil es mehrere dieser Elemente auf der Seite geben wird. Ich meine, diese nur ein bisschen mehr geschoben, damit wir genug sehen können, dass ich es einfach ändern kann. Ah, und diese Gegenstände, wenn ihr hier reingeht, wenn ihr darauf klickt, können wir tatsächlich auf ein Produkt gehen. Und dann bin ich in Aiken. Ok. Also kann ich Produkte machen, und dann bin ich Icahn. Das ist das Element. Okay, das sollte gut sein. Jetzt werde ich hier eine Vier-Schleife einrichten. Also, vier, lasst uns. Hallo gleich 20 Ich werde tun, ich weniger als löschen Bottoms Punktlänge. So wie viele Knöpfe wir haben, werden wir eine Vier durch sie alle schauen, dann werde ich ein I plus plus machen. Okay, jetzt kann ich wirklich alle diese Tasten durchlaufen, OK? Die Lead-Buttons zu tun, die ich Dot Arts Event Listener und den Event Listener, den ich hier haben möchte , ist nur ein Klick. Also werde ich eine Funktion oder Bedürfnisse übergeben. Und jetzt, nur um es zu testen, natürlich. Ich möchte eine Konsole machen, die Locke aus angeklickt. Okay, also wurden die Seiten aktualisiert. Gehen wir rein, lassen Sie mich meine Konsole öffnen. Ich werde die einfach loswerden. Ich werde in diese Schaltfläche klicken und nichts ist passiert. Ähm, okay. Offensichtlich ist nichts passiert, weil wir diese Funktion erstellt haben, aber wir nennen sie eigentlich nie, also müssen wir sie irgendwo aufrufen, damit diese Teoh laufen können. Natürlich. Also lasst uns das machen. Also möchte ich diese Funktion aufrufen, Delete Buttons, um diese Ereignis-Listener anzuwenden, klicken Sie jemals damit. Spielen Sie den Wagen. Okay, vorher haben wir in unseren vorherigen Videos unsere Displaykarten-Funktion eingerichtet, die all diese Elemente hier zeigt. Also, sobald alles auf der Seite nur am Ende dieser Displaykarten angezeigt wird, werde ich nur die Löschtastenfunktion aufrufen. Okay, jetzt, unsere Karte ist alles am Ende angezeigt wird, rufen wir die Löschtasten-Funktion und die Löschtastenfunktion auf. Richten Sie einfach einen Ereignis-Listener ofc Leck ein, dass, wenn wir auf diese Schaltflächen klicken, es genauso wie ein Konsul Dot Log von geklickt. Das ist genau das, was ich tun werde. Ich werde hier klicken und es speichert oben geklickt, wenn Sie auf diese einen Blick klicken , und es kommt zwei Mal, wie angeklickt. Also, jetzt sind diese Tasten ROK sind mit einer Funktion, die wir etwas damit tun können. Also wahrscheinlich das erste, was jetzt tun will, ist, wenn ich auf diese Schaltfläche klicke, ich möchte diese, ähm, Namen aus dem Produkt selbst holen ähm, . Okay, wenn ihr also wieder hier in den HTML-Code geht, könnt ihr diese sehen. Dies ist unser Auge in Aiken, zum Beispiel, wo wir tatsächlich mit dem Button klicken. Ah. Dann, wenn Sie zu den Eltern gehen, könnten Sie tatsächlich in den Elternteil gehen, erhalten Sie den Decks Inhalt , der Sie auf den Namen des Produkts geben sollte. Also lasst uns das ausprobieren. Also werde ich hier drin die Leitungsknöpfe machen. Ich Hunde Elternelement. Also sind wir hier drinnen auf diesen eisernen Aiken. Ich möchte dann auf eine Ebene zum Produkt gehen. Okay, ich werde ein Punkt-Text-Würze machen. Okay, aber offensichtlich muss ich die in Ah, Variable stecken . Also werde ich das hier anrufen. Lassen Sie uns Produktname, zum Beispiel Produktname. Also initialisiere ich nur die Variable hier oben und jetzt werde ich den Produktnamen gleich dem Lösch-Button setzen . Ok? Die Verwundeten. Ich klicke tatsächlich. Stellen Sie sich zum Beispiel vor, wenn ich auf dieses klicke, gehe ich zum Elternelementprodukt. Ich werde den Textinhalt davon bekommen. Wir sollten schwarzer Hoodie sein. Das gilt also für alle anderen Produkte, die Sie hier haben könnten , denn , es wird nur die gleiche Vorlage sein,die wir für all die verschiedenen Produkte hier haben. Also lassen Sie uns einfach eine Konsole machen, die diesen Produktnamen gerade jetzt absieht. Ok? Lass mich die retten. Lass mich in die Konsole gehen. Ich habe einen. Ah, Konsulat, das hier von vorher einloggt, von 102 Ähm, was ist das? Lassen Sie mich diese Dinge einfach kommentieren, weil ich glaube, dass wir sie vorerst nicht brauchen. Okay, lass mich die Seite aktualisieren. Lassen Sie mich hier einklicken und schauen, was ich bekomme. Ich bekomme schwarzen Hoody, OK, aber das Problem ist, dass, weil wir all diese Sachen aus dem Inneren des gesamten Textinhalts packen , auch viele verschiedene weiße Räume bringen, die wir nicht wollen. Also wahrscheinlich Was wir tun müssen, ist, wenn wir diesen Textinhalt packten, ich möchte einen Punkttraum machen, dieser Punkt Treem entfernt im Grunde alle weißen Räume vor und nach und die Namen, die wir dort drin haben. Also lassen Sie es uns ausprobieren, wenn ein Klick. Und jetzt wurde ich schwarz. Wer die Wenn ich dieses versuchen und wenn ein Klick und er wird mir Block T Shirt Perfect geben . Aber ich will auch jetzt all diese Angriffe , die wir alle haben, in Kleinbuchstaben setzen, weil ich dir zeigen werde, nach dem was ich tun werde. Also werde ich tun, um diese alle in Kleinbuchstaben zu verwandeln. Lassen Sie mich einfach Wir sind alle sehen, damit wir einfach unseren Code umschließen können, damit er nicht aus dem Bildschirm kommt. Also habe ich einen Produktnamen gleich dem Lösch-Button bekommen. Auf welche ich im Moment klicke. Ich gehe zum übergeordneten Element, greife den Textinhalt und streame ihn, damit er alle Leerzeichen von davor und nachher entfernt. Und jetzt werde ich noch einen machen, was Kleinbuchstaben bedeutet. Ich denke, Sie müssen so setzen, dass nicht zu lokal nicht. Zu klein, um Kleinbuchstaben zu machen. Okay, lasst uns banal. Ich werde auf diese klicken, und sehen Sie, jetzt habe ich zum Beispiel einen und sehen Sie, jetzt schwarzen Hoodie, schwarzen Hoodie, und es ist alles in Kleinbuchstaben. Das sind keine Hauptstädte. Nichts. Okay, nachdem wir die haben, möchte ich auch einfach den Raum hier dazwischen entfernen. Also will ich, dass die Welt nur eine ist, weil ich dir zeigen werde, was ich damit machen werde. Dafür kann ich einfach hier reingehen und wir sind Dot Replace. Okay, ich werde ein bisschen Lappen X machen. Ich weiß nicht, ob ihr Jungs jemals davon gehört habt, also kann ich hier zwei dieser vierten Schrägstriche reinlegen, und ich werde die G. ich werde ein bisschen Lappen X machen. Ich weiß nicht, ob ihr Jungs jemals davon gehört habt, also kann ich hier zwei dieser vierten Schrägstriche reinlegen, und ich werde die G. also bedeutet dies, dass nach jeder Übereinstimmung für einige Ah, wie Raum, wie thes ein Raum global suchen wird. Und ich werde das Unkraut ersetzen, ein leeres. Also ist es im Grunde, diesen Raum von vorher zu entfernen. Ich steige hier nur, damit ihr es besser sehen könnt. Also sollte es so sein, als ob diese Tochter ersetzt wird. Wir wollen. Wir suchen weltweit einen Raum und ersetzen ihn einfach durch den leeren Raum. Im Grunde wie das Entfernen, wie ich sagte. Okay, lassen Sie mich die Seite aktualisieren. Klären Sie die. Ich werde hier klicken und schauen, was ich jetzt habe. Schwarzer Kapuzenpullover. Und wenn ich hier anklicke, bekam ich ein schwarzes T-Shirt. Warum hatte ich all die Mühe, diese Namen zu bekommen? Denn wenn ihr euch hier erinnert, okay, wenn wir unsere variablen Produkte kreieren, haben wir den Namen. Wir haben den Angriff. Und jetzt mit dem Lager, wenn ihr Jungs überprüft, ist gleich diesem Namen, dass wir nur Handwerk, so dass wir tatsächlich greifen diese Produkte alle Informationen, um etwas damit zu tun. Okay, also fangen wir an, das zu tun. Also gehe ich jetzt hier runter. Ok. Ah, zu den Lösch-Buttons. Ich werde nur die neue Variable namens Latte Produktnummern starten, und er wird gleich zwei lokalen Speicherpunkt Get Artikel sein. Ok. Und der Gegenstand, den ich bekommen möchte, ist, wenn ihr zur Anwendung zurückgeht, möchte ich diese Kartennummern packen. Also möchte ich wissen, wie viele Produkte wir in unserem Warenkorb haben, also werde ich hier Kartennummern setzen. Ok. Ah. Und jetzt, wann immer ich in einen dieser Schaltflächen klicke, möchte ich nur wissen, zum Beispiel, ich ein Konsul Dot Log machen werde, um, wie viele Produkte wir haben. Also werde ich hier drinnen tun? haben wir. Ich werde ein Plus setzen, und dann werde ich noch ein Plus setzen und dann werde ich die Raumprodukte in einen Wagen legen. Okay, also werde ich meine Anwendung aktualisieren, die in die Konsole geht. Ich klicke hier rein, okay? Und er sagt mir, dass wir fünf Produkte im Warenkorb haben, sagt mir nur, wie viele Produkte haben wir und natürlich, wenn Sie auf die Anwendung gehen, haben wir fünf Produkte im Warenkorb und Sie können es auch hier sehen. Wir haben zwei schwarze Hoodies und wir haben drei der schwarzen T-Shirts. Okay, warum habe ich die geschnappt? Ich werde es dir zeigen. Jetzt. Lassen Sie mich die einfach loswerden, Konsul Dot Log. Großartig. Etwas Platz. Ich möchte hier einen neuen lokalen Speicher einrichten Punkt IDM für die Kartennummern setzen. Also werde ich Kartennummern machen. Toby ist gleich was? Zu den Produktnummern. Okay, wenn Sie sich daran erinnern, zunächst greifen wir nur die ursprünglichen Produktwerte, die wir hier in unserem lokalen Speicher haben . Und wenn ich dann auf einen dieser Lösch-Buttons klicke, möchte ich zuerst wissen, welcher der Produktname ist, wir gerade ergriffen haben. Und jetzt aktualisiere ich die lokalen Speicherkartennummern. Dieser hier in, der mir die Gesamtprodukte auf der Seite sagt, und ich möchte diese Gesamt-Produkt-Nummern und dann meine Krankenschwester, die Gesamtprodukte, die wir hier in dieser Reihe haben. Okay, also wie können wir das machen? Ich werde hier oben rein gehen und, na ja, Karten Artikel, die na ja, Karten Artikel, er sein wird, gleich zwei lokale Lagerung Gedanke bekommt IDM-Produkte in den Warenkorb. Okay, wenn ihr euch an Produkte erinnert, die e im Warenkorb , wo ist es? Wo ist sie? Ich kann einfach hier reingehen und die Produkte im Warenkorb überprüfen. Wir haben den schwarzen Hoodie und wir haben das schwarze T-Shirt. Und dann sagt es mir, dass der schwarze Hoodie, zum Beispiel, er gibt mir den Namen. Es gibt mir den Vortrag, gibt mir den Preis und im Warenkorb das gleiche in hier für den Preis und im Warenkorb. Okay, ähm, ich bin mir nicht sicher. Warum bin ich auf der Vielleicht habe ich einen Fehler, Ich denke im Jahr auf meiner Konsole. Ja. Wo ist sie? Online. 151 Ah, weil ich das ist immer noch nicht beendet habe. Das ist in Ordnung. Okay, wir haben die trotzdem nicht fertig gemacht, also habe ich diesen Einkaufswagen Artikel bekommen. Also, wie immer, werde ich einen Konsul machen. Das Protokoll dieser Karten Gegenstände. Okay, also, ähm, lass mich das vorerst kommentieren. Ich werde diese speichern, und wie ihr sehen könnt, wenn wir die Seite laden und die Lösch-Buttons kalt werden, können wir diese sehen, ähm, ähm, Rat nicht protokollieren, dass wir hier von den Einkaufswagen Artikel haben. Offensichtlich ist alles, was aus dem lokalen Speicher kommt, wie ich abgedeckt habe, bevor es mit all diesen Strings kommt, weil es im benachbarten Format ist. Also müssen wir diese von benachbarten Formaten aus allen Strings in tatsächliche JavaScript-Objekt konvertieren . Also, das werden wir jetzt tun. Ich muss Karten machen. Artikel wird gleich Jason Punkte, Pars, Pars, und ich möchte analysieren, was diese Einkaufswagen Artikel. Okay, jetzt, wenn ich das mache, sieh auf die Seite. Schauen Sie sich hier an Jetzt ist ein normales Javascript-Objekt. In Ordnung. Ok. Also sieh dir die an. Ich habe diese Namen hier drin. Schwarzer Kapuzenpullover. Ich habe diese Benennung hier Block T Shirt, das ist das gleiche wie wenn ich in eine dieser Tasten klicke. Hör zu, schwarzes Kapuzenpullover, schwarzes T-Shirt, damit ich dieses Objekt aus dem lokalen Lager holen kann, um das zu tun ? Hör zu, ich werde eine Konsole machen, die Locke hier drin auch weg ist. Eigentlich muss ich es innerlich machen. Ich muss es innerhalb des Jahres tun, wenn ich auf die Schaltfläche klicke. Also Warenkorb Artikel und dann drinnen, werde ich den Produktnamen setzen. Diese geben mir entweder Zugriff auf dieses Objekt oder Zugriff auf dieses Objekt. Also könnte ich zum Beispiel tun, zum Beispiel tun, sagen wir, was wollen wir packen? Wir wollen den Namen, dasEtikett, den Preis oder den im Warenkorb greifen Etikett, . Ich werde nur Ach setzen, zuerst den Namen. Okay, also werde ich den Punktnamen setzen, und dann werde ich das Plus setzen, um etwas Platz zu geben und dann noch ein Plus und ich werde CART-Artikel machen, Produktnamen, und dann werde ich einfach hier reinlegen, zum Beispiel im Warenkorb. Wie viele gibt es in der Karte? Okay, wenn ich hier reinklicke, wird mir den Namen sagen und dann, wie viele es im Warenkorb gibt? Probieren wir es aus. Sieh mal. Schwarzes T-Shirt Drei Karten. Okay, wenn ich klicke, dieser schwarze Hoodie gibt mir jetzt den Namen Schwarzer Hoodie und zwei in Karte. Also im Grunde, jetzt, wo wir wissen, wie wir die Werte, die wir wollen, zu greifen könnte ich einfach einrichten. Lass mich die einfach loswerden. Konsul, diese Protokolle, ich kann einfach ein lokales Speicherpunkt-Set Artikelkartennummern machen, Toby, die Gesamtzahlen, die vorher da drin waren, das sind fünf Minus. Okay, diese Produkte, Okay, Kartenartikel, Produktname im Warenkorb. Also sollte es diese einfach von der Gesamtseite auf der Seite loswerden. Aber das ist nur ein Teil des Problems, denn wir werden auf Lee die Warenkorbnummern und die Kartennummern aktualisieren. Okay, wird nur diesen Teil hier oben aktualisieren und die Gesamtkartennummern, die wir auch brauchen um die Gesamtkosten zu aktualisieren. In Ordnung, also werden wir einen lokalen Speicherpunkt-Set-Artikel machen, und ich möchte die Gesamtkosten so einrichten, dass sie gleich zwei unserer Kartenkosten sind, die bereits hier im lokalen Speicher vorhanden sind. Also werde ich hier oben reingehen und einfach Karten lassen. Kosten entspricht zwei lokalen Speicherpunkt erhält Artikel. Und wie lautet der Name? Gesamtkosten. Jetzt kann ich hier meine Kartenkosten verwenden. Das ist also die Summe, die wir im Moment auf unseren lokalen Minern haben. Der Preis von diesen beiden Gegenständen, die ich hier drin habe. Also werde ich es tun. Ich werde ein paar Klammern im Jahr setzen. Ich werde Karten, Gegenstände, Produkte, Namen, Namen, Punktpreis setzen. Okay, also haben wir den Preis dafür für einen, und dann werde ich diese mit der Menge multiplizieren, die wir haben. Wie können wir die Menge bekommen, die wir bereits gesehen haben? Dass wir über diese im Warenkorb zugreifen können. Gut. Diese sollten sich jetzt um unsere Gesamtkosten kümmern. Aber schließlich müssen wir entfernen, wenn ich in diese klicke, und ich möchte es entfernen, ich möchte es auch entfernen. Aus unserer lokalen Lagerung von diesen Produkten im Warenkorb. Ich möchte das hier drinnen wieder lesen. Also für das, ich kann einfach tun, wenn ich hier runter gehen kann, kann ich einfach die Deckel Karte Artikel, Produkte Namen. Also werden diese löschen, was ich hier drin habe, was ich nicht mehr brauche. Und schließlich muss ich nur diese Produkte im Warenkorb auf meinem lokalen Speicher aktualisieren. Wie dieses lokale Speicherpunkt-Set Element. Welcher Gegenstand? Ich will die Produkte in Karten. Toby entspricht Jason Dots. Seltsam Wenn ich mich erinnere, dass, wenn wir wollen, eine Art von Objekten auf dem lokalen Speicher zu aktualisieren , sie im benachbarten Format sein müssen. Soto konvertieren von unserem regulären Objekt in Jason-Format. Du machst einfach Jason Dot String, wenn ich und dann bin ich nur hier die Kartengegenstände vorbei. Okay, lass uns die endlich schließen. Ich möchte nur nennen, dass diese Plattenkarten wieder und die On Loads Funktion auf Ladungen Kartennummern , die sie kümmern sich um unsere Seite, um einfach mit den genauen Produkten, die wir auf dem lokalen Speicher haben, neu zu laden . Also lasst uns diese ausprobieren. Ich werde nur die Seite aktualisieren. Ich möchte, dass ihr Jungs genau darauf achtet, was wir hier drin haben, denn nachdem wir mit anderen Dingen trotzdem versuchen werden, so haben wir auf den Top fünf Brüder in Karte. Wir wissen, dass unsere Gesamtkosten 80 betragen. Okay, also werde ich diese beiden schwarzen Hoodies entfernen. Also zwei von ihnen. Also sollten wir endlich drei haben. Wenn ich diese entferne und weil ich diese beiden schwarzen entferne, die sie $50 kosten, sollte die Summe sein, was, 30? Denn da sind nur die schwarzen T-Shirts drin. Also lasst uns diese versuchen und sehen, ob er arbeitet. Ich werde darauf klicken. Hören Sie, ich habe drei Brüder im Wagen. Es sind die drei Produkte. Ich sehe nur diese drei Produkte. Ich habe die Summe hier drin, und das war's. Wenn ich die Seite aktualisiere, wenn ich diese löschen werde, ist alles weg. Ok? Also, im Grunde, können Sie sogar auf die Rückseite der Homepage gehen, um mehr Zeug. Ah, und das wird funktionieren. Also lassen Sie mich es Ihnen schnell zeigen. Wenn ich auf meine Homepage gehe ich an, zum Beispiel, ein tolles T-Shirt zu grau. Wer diese. Also habe ich drei insgesamt auf dem Wagen. Wenn ich auf diese klicke. Also habe ich drei auf der Karte. Wenn ich Ah entferne, all diese beiden grauen wer? Dies, dass sie 40 kosten. Ich sollte insgesamt haben, was, $15.1 Produkt. Also lasst es uns versuchen. Also $15 1 Produkt, ein Produkt auf der Oberseite. Es funktioniert wie vorgesehen. Okay, Leute, Leute, es gibt nur noch ein Video, in dem wir uns ansehen werden, wie wir einfach auf die Mengenschaltflächen klicken können , um zu ändern, die Mengen zu erhöhen und zu verringern, wie Sie wollen. In Ordnung, also werde ich bald das nächste Video. 8. Produktmenge auf der Cart oder die Abnahme: Alles klar, Leute, willkommen zurück zum letzten Teil, einen Einkaufswagen mit Vanille-Javascript zu bauen. Also das letzte Video, das wir gerade geschafft haben Teoh, wenn du dich daran erinnerst, erinnerst, etwas für die Karten zu machen, okay? Und dann könnten wir diese Dinge einfach entfernen. Aber jetzt, in diesem Video, werden wir einfach in der Lage sein, hier auf diese Mengen zu klicken und sie einfach zu erhöhen oder zu verringern. Also, wenn ihr euch daran erinnert, als wir unsere Spielkarten gemacht haben, setzen wir diese Tasten hier rein. Diese Spannweiten. Okay, lass mich die kriechen. Also haben diese Wortspiele hier drin eine Klasse von Dekreten oder Erhöhungen, welche sind diese Knöpfe hier drin? Diese Symbole. Also das erste, was ich hier unten machen werde, also will ich dieses Video nicht zu lange machen, also werde ich einfach damit anfangen. Ich werde eine Funktion kalt schaffen. Kwan Teoh T. Okay, das sollte gut sein. Kwan Teoh T. Okay, Also werde ich diese Funktion erstellen. Und das erste, was ich tun möchte, ist, dass ich all diese Tasten greifen möchte, all diese Tasten, dass sie die Mengen verringern und auch ich möchte all diese Tasten greifen, die sie die Erhöhung der Mengen ergreifen werden. Also fangen wir zuerst hier an. Lasst uns die Crees-Buttons gleich sein. Zwei Dokumente, Punkte, Abfrageselektor. Alles in Ordnung. Und was ist die Klasse, die sie haben? Wenn ihr euch erinnert, lasst mich einfach nach unten scrollen. Hier oben ist eine Abnahme. Okay, also haben wir, lass mich einfach die Platzverkleinerung loswerden. Das ist es, was ich hier hinlegen werde. Wo ist sie? Led, um Schaltflächen gleich Abfrageselektor alle zu verringern. Ach, abnehmen. Also werde ich all diese Tasten greifen, die sie verringern werden, und ich bin eine der gleichen Sache für die Tasten, die sie erhöhen. Okay, also werde ich Erhöhungsschaltflächen setzen, und es wird gleich sein, diesen Abfrage-Selektor zu dokumentieren, und ich denke, ist zu erhöhen. Okay, lassen Sie mich sehen, ob ich das hier oben habe. Diese Klasse dieser Tasten ist erhöht, so dass wir sie so gratulieren. Okay, jetzt werde ich hier reingehen und einfach durch all diese Schaltflächen und Adam, ein Ereignis-Listener. Also, wenn wir auf sie klicken, können wir tatsächlich etwas tun Lassen Sie uns unsere vier aussehen wie gewohnt. Ich werde eine Vier machen. Schau, lass ich gleich 20 Ich muss weniger sein als Dekrete Hoffnungen. Also muss ich kopieren ist verminderte Flaschen Punktlänge, weil ihr euch erinnert, dass wir jede Menge von ihnen packen . Es war also wie ein Array. Wir können es tatsächlich sehen. Wie viele haben wir hier drin? Und dann werde ich nur ich plus plus setzen, also werden wir jedes Mal um eins erhöhen, wenn wir die Schleife machen. Okay, jetzt wähle ich diese verminderten Knöpfe aus, und ich werde hier reinstellen, damit wir sie alle durchschauen können. Also, das erste Mal, dass das sein wird, werde ich Null sein. Also werden wir die packen. Ah, Knopf abnehmen. Das nächste Mal wird dieses sein und so weiter. Also werde ich Gedanken machen, Kunst, Kunst, sogar den Zuhörer. Welchen Ereignis-Listener möchte ich übergeben? Hier ist nur ein Klick. Ich möchte nur darauf klicken. Also lassen Sie es sagen, wie jetzt werde ich nur die normale Funktion und Einsicht setzen. Ich will nur, dass ich es jetzt tun will. Eine Konsole, dass Gesetz der Dekrete. Buttle. Stellen Sie sicher, dass das funktioniert, okay? Nun, offensichtlich, wird dies nichts tun, bis wir diese Funktion namens Manage Quantität nennen. Bis wir es nennen, wird dies niemals diese Ereignis-Listener Klicks zu irgendetwas hinzufügen. Der beste Ort, um diese Funktion aufzurufen, wäre wahrscheinlich, wenn wir unseren Anzeigewagen machen. Also, wenn wir all diese Dinge auf der Seite zeigen, möchte ich in diese Funktion treten. Also werden wir. Sind die Ereignis-Listener nicht auf diese Verkleinerungsschaltflächen? Also lass mich einfach hier aufmachen. Der Inspektor. Ich werde die Konsole öffnen. Okay? Lassen Sie mich einfach die Seite aktualisieren. Lass mich die noch ein bisschen mehr öffnen. Aktualisieren, wenn es hier klicken, ein Blick. Schaltfläche „Verringern“. Ich werde in diesen einen Rückgang Knopf klicken. Das funktioniert also. Ich kann genau das Gleiche tun. Jetzt mache ich noch eine Vierer-Schleife, okay? Diese Zeit wird für die erhöhten Tasten sein. Okay, also werde ich die einfach ersetzen. Es wird genau das Gleiche sein. Ich konnte hier einfach nicht reinlegen. Erhöhte Flasche Okay. Erhöhte Taste Ich werde die Seite deutlich aktualisieren. Es ist Konsul. Ich klicke auf die erhöhten Schaltflächen und schau, es funktioniert. Okay, jetzt, da dies erledigt ist, müssen wir tatsächlich anfangen, die Dinge aus dem lokalen Speicher zu packen, wie wir es vorher getan haben , und tatsächlich anfangen, die Daten zu manipulieren. Also lasst uns das jetzt machen. Zuerst hole ich mir alle Einkaufswagenartikel, die ich in meinem lokalen Lager habe. Also, wenn Sie sich an die Anwendung erinnern, wo ist es? Mein lokales Lager. Lassen Sie mich einfach diesen lokalen Speicher öffnen. Und ich bin hier oben drinnen. Lassen Sie mich das einfach aufstellen. Wir haben einige Kartennummern, Artikel insgesamt und alles, also möchte ich meinen Einkaufswagen Artikel holen. Es ist also wie die Produkte im Warenkorb, dieses. Also lasst es uns einfach schnappen. Jetzt. Ich gehe hier rein und lass uns Kartengegenstände gleich sein. Zwei lokale Speicherpunkt erhält Artikel. Und der Gegenstand, den ich greifen möchte, ist diese Produkte in Karte. Also weiß ich es. Was sind die Produkte, die ich jetzt in der Karte habe? Lassen Sie mich diese etwas mehr erhöhen, damit wir es besser sehen können. Okay, also was war es? Produkte Produkte in? Ah, Karte. Ich glaube, das ist der Name. Lassen Sie mich die jetzt überlegen. Erhöhen. Ja, genau. Okay. Produkte im Warenkorb. Okay, lass mich einfach das Jahr hinlegen. Und offensichtlich, jetzt, wo ich diese Produkte in den Warenkorb packe, muss ich angrenzend machen, nicht parsen, okay? Weil sie kommen wie Ah, Jason Objekt. Also muss ich sie in Javascript-Objekt konvertieren. Also werde ich Karten machen. Items entspricht, um Jason dot pars. Okay. Und ich möchte diese Karten Artikel analysieren. Ich glaube, wir haben das schon vor ein paar Videos gemacht. Ähm und das war's. Denn wenn Sie Jungs nur versuchen, eine Konsole zu tun, das Protokoll dieser Karten, Artikel sehen in der Nähe ein kleines Protokoll dieser Warenkorb-Artikel. Okay, kurz bevor wir die Teile gemacht haben. Schau, das geht immer noch hier in die Konsole. Lassen Sie uns auffrischen. Siehst du, das kommt alles mit diesen fünf Dingen. Dies ist wie im angrenzenden Format, also müssen wir es wirklich in normale Javascript-Objekte analysieren. Sehen Sie, nachdem ich das jetzt getan habe, mache ich meine Beratung von log. Wenn ich die Seite aktualisieren, wo wir das Peking hier jetzt aktualisieren, habe ich einige gute Javascript-Objekte , wie Sie fragen. NC Okay, jetzt, da wir diese bekommen haben, muss ich wissen, wann immer ich in einen dieser Buttons klicke, ich möchte die aktuelle Menge wissen, die wir hier drin haben. Okay, das ist es, was wir jetzt zuerst tun werden, natürlich. Lassen Sie mich nur ein Jahr, bevor ich nur auf diese Dekrete-Schaltfläche klicke, die ich hier tun werde. Ähm, eigentlich , nein, brauche ich nicht. Lassen Sie mich die hier drinnen machen. Ich werde tun, wo die aktuelle Menge. Er wird gleich zwei sein. Und jetzt werde ich ein Dokument machen, nicht queary Selektor. Oh, tut mir leid. Ich muss die nicht machen. Lassen Sie mich das einfach loswerden. Ich kann das einfach machen, okay? Das ist der Knopf. Zum Beispiel, wenn ich in dieses klicke, kann ich diese einfach greifen. Eigentlich diese Schaltfläche, auf die ich klicke und dann nur zwei Erwachsene, übergeordnete Elemente, übergeordnetes Element. Also lassen Sie mich Sie hier auf dem Bildschirm zeigen. Ähm, wo habe ich? Das ist also das eiserne Aiken. Okay, also klicke ich. Nehmen wir an, zum Beispiel, dieses hier klicke ich. Ich möchte das übergeordnete Element greifen, das dieses thes dif ist. Also, das mache ich mit diesen Punkt-Elternelementen. Dann kann ich einfach einen Dodds Queary Selektor machen. Okay. Und was ist der Abfrageselektor, den ich tun möchte? Ich möchte diese Pfanne packen. Also werde ich einfach hier drinnen machen, und dann will ich nur den Textinhalt greifen, okay? Und jetzt sollte ich den Wert von dem bekommen, was gerade hier drin ist. Okay, denken Sie daran, Leute, die, bevor wir diesen Wert von dem, was auf dem lokalen Speicher war, ergriffen haben. Aber jetzt, wenn wir hier einklicken, haben wir keinen direkten Zugriff auf den lokalen Speicher, also müssen wir den Wert hier greifen. Also lassen Sie mich hier einfach einen Konsul machen, nicht loggen, um sicherzustellen, dass das funktioniert. Übrigens habe ich diese Variable in der aktuellen Menge gestartet, aber ich initialisiere sie nie, also muss ich sie hier oben initialisieren. Also lassen Sie uns die aktuelle Menge gleich 20 zum Beispiel, wenn Sie anfangen. Also lasst uns aktuelle Menge. Steck es einfach hier rein und jetzt mache ich nur eine Konsole. Diese aktuelle Menge wird nicht protokolliert. Also, wenn ich auf die Schaltfläche klicke, werde ich es auf der Konsole wissen. Okay. Also lassen Sie mich die Seite aktualisieren. Ich bin unklar diese, wenn ich hier klicke, sollte ich eine sehen. Es sagt, dass der Inhalt von Einsätzen keine Funktion ist. Lassen Sie mich sehen, was ich hier falsch habe. Oh, ich glaube, ich weiß, was sein könnte. Ich setze Textinhalt ist eine Funktion. Dies ist keine Funktion ist einfach so. Versuchen wir es nochmal. OK, es ist klar, diese Lasst uns hier reinklicken und ich habe den einen bekommen. Ich klicke ihn hier. Jetzt habe ich auch den einen bekommen. Okay, also habe ich immer diesen Wert dieser Menge erreicht, wenn ich versuche, nach unten zu klicken, damit ich tatsächlich das gleiche tun kann , um die Menge zu erhöhen. Also kann ich diesen Code im Grunde einfach duplizieren, also lasst uns das einfach machen. duplizieren, duplizieren, Lassen Sie uns das jetzt kopieren. Diesmal werde ich die hier drinnen machen. Offensichtlich werden wir die erhöhten Knöpfe machen. Ich wollte dasselbe sein, weil beide das gleiche Elternelement haben. Und dann greifen wir die gleiche Abfrageselektor Spanne und und das ist es OK, jetzt, wo wir zu diesen gehen, das nächste, was wäre, tatsächlich den Namen dieses Produkts zu greifen, wenn wir in eine dieser Schaltflächen klicken. Okay, wenn ich hier reinklicke, möchte ich die Morgendämmerung durchqueren. Okay? Ich möchte nach oben ziehen und versuchen, diesen Namen zu schnappen, den wir hier drin haben. Okay, das ist es, was wir jetzt tun werden. Ich werde sagen, aktuelle Produkte, okay? Aktuell für Objekte. Es wird gleich zwei sein. Vergessen Sie nicht, dieses aktuelle Produkt aktuelle Produkte zu initialisieren, Er wird gleich einer leeren Zeichenfolge sein jetzt. Okay, jetzt verpassen Sie nichts. Vielleicht habe ich hier drin etwas verpasst, weil wir nicht fertig sind. Das aktuelle Produkt entspricht also zwei e crees unten. Ich habe unseren aktuellen Knopf gesehen. Dann muss ich in die übergeordneten Elemente gehen. Okay, also lass mich dir zeigen, wann immer ich auf diese Schaltflächen klicke, zum Beispiel, wo dieser Knopf ist, wird dieser sein. Ich möchte die Eltern schnappen. Das haben wir gerade getan. Dann möchte ich zum vorherigen Element zu den vorherigen Geschwisterelementen durchlaufen. Also lasst uns Punkte machen. Frühere Elemente, Geschwister-Look, kommen sogar hier auf Visual Studio-Code. Also, jetzt habe ich diese gemacht, wenn wir hier drin sind, mit einer Klasse von Preis. Jetzt möchte ich noch einmal zu diesen Produkten in Ordnung zu diesen Produkten gehen. Also lassen Sie uns vorherige Deckenelemente noch einmal dio. Punkte. Okay, also jetzt meine ich hier in diesem Produkt dif Jetzt möchte ich in diesen Produkt-Dieb gehen und suchen Lassen Sie mich sehen, wie ich ein Bild bekam. Ich habe diese Pfanne. Okay, ich habe Oops. Ich habe das hier überspannt. Also werde ich, ähm, Punkte, Queary Selector. Ich möchte das span-Element greifen, und ich möchte den Textinhalt greifen. Okay, jetzt, da ich die habe, lass mich dir zeigen, dass du ein Konsulat machst, das aktuelle Produkt abmeldest. Okay? Ich mache nur diese Wenn ich auf diese kleine Schaltfläche klicke, werde ich nur die Seite aktualisieren, die in die Konsole geht. Es ist klar, all das werde ich hier klicken. Und ich habe grauen Hoodie geschnappt und die Menge von vorher geschnappt. Ich klicke auf das schwarze T-Shirt. Ich habe das hier und ich habe jetzt dieses schwarze T-Shirt. Was ich auch tun möchte, ist eigentlich, weil ich diesen Namen habe, ich möchte diesen Namen in einer Weise konvertieren, die ähnlich dem, was wir hier oben haben, genau wie dieser Stapel. Okay, was kann ich damit machen? Ich kann vor allem, nur verdeckt alle diese Namen, die wir hier in Kleinbuchstaben bekam Ich kann diesen Raum entfernen, ich zwischen den Worten habe und dann sogar träumen einige Räume an den Seiten, wenn es irgendwelche gibt, Also werde ich Angriff namens genau, genau wie diese. Denn wenn ich die Aktiennamen danach habe, kann ich einfach alle Daten manipulieren, die ich auf meinem lokalen Speicher habe. alle Daten manipulieren, die ich auf meinem lokalen Speicher habe alle Daten manipulieren, die ich auf meinem lokalen Speicher habe. Das werden wir also tun. Also hier drin, genau wie das, was wir jetzt taten. Und wo war es? Managen Sie die Menge. Wir haben hier das aktuelle Produkt eingecheckt, nachdem ich diesen Textinhalt gepackt habe. Ich werde auch Großbuchstaben machen. Also Knoten zu Kleinbuchstaben und ich denke, ist so, wenn ich mich nicht irre, OK, versuchen wir es einfach. Lassen Sie mich die Konsole sehen. Ich meine, hier zu klicken. Nein, Schau, jetzt, grauer Hoodie ist ganz Kleinbuchstaben, und dieses schwarze T-Shirt ist das gleiche. Okay, die nächste Sache wäre, diesen Raum hier drinnen zu entfernen, zwischen den Worten. Also lasst uns das jetzt machen. ich nach den beiden Kleinbuchstaben hierher gehe, werde ich nicht ersetzen, also nicht ersetzen, okay? Und wir werden eine Art Reggae X. Ich weiß nicht, ob ihr davon gehört habt, also Oops. Ich weiß nicht, warum. Das ist genau wie die ganze Zeit zu springen. Ich werde überall nach einem Raum suchen. Kannst du sehen, dass ich nur zwei Mal diese vier Schrägstriche setze und ich werde diese g zwei bedeuten, dass es global auf diesem Text aussehen wird. Und dann ist die zweite Sache, wir werden es einfach durch was ersetzen? Ich werde es nur durch eine leere Zeichenfolge ersetzen. Es bedeutet also, dass dieser Raum entfernt wird. Also, wie ich schon sagte, wir werden diese Tochter ersetzen, dass er nach leerem Raum sucht. Was auch immer Sie zwischen diesen vier Schrägstrichen setzen, ist das, wonach Sie suchen. Und dann bedeutet es global, überall zu schauen. auf der auf dem Textinhalt drin und dann einfach durch die leere Zeichenfolge ersetzen. Okay, mal sehen, ob das funktioniert. Aktualisieren. Ich klicke hier rein. Lassen Sie mich einfach hier klicken. Schau, Gray Hoodie ist jetzt komplett fertig und das gleiche hier drin in diesem hier. Okay, schwarzes T-Shirt ist alles weg, aber manchmal gibt es eine Art Leerräume vor und nach den Worten, die wir nicht sicher sind , ob sie auftauchen oder nicht. Also nur um sicher zu sein, können wir nur Strom annehmen, der diese Leerzeichen vor genug, dass unsere Worte loswird. Also lasst uns das machen. Also Dot Dream, okay, und das sollte es vorerst sein. Also, wenn Sie sich erinnern, bevor am Anfang dieses Videos, wir greifen nur alle unsere Warenkorb-Artikel, die wir haben, ich bin nur aktualisieren Sie die Seite für Sie Jungs zu sehen. Also, schauen Sie, dies ist der aktuelle Artikel, den ich in meinem lokalen Speicher habe, mit diesen Warenkorb-Artikeln. Ich kann hier nach unten gehen, nachdem ich mein aktuelles Produkt ausgewählt habe. Ich kann Einkaufswagen Artikel, und jetzt kann ich die aktuellen Produkte auswählen, weil wir nur seinen Namen geschnappt. Okay, ich werde es hier reinlegen. Und jetzt kann ich einfach sagen, dass Punkt in Karten gleich ist, was von vorher da drin war . Meiner ist eins. Okay, also lass mich es dir zeigen. Denn wenn Sie sich erinnern, schauen Sie, Sie haben diese Eigenschaften von in Karte. Okay? Also überprüfe ich meine Warenkorb-Artikel. Ich wähle diejenige mit den Namen aus. Beispiel ZumBeispielist dies der Name, den wir gerade ergriffen haben. Ich greife auf den Punkt im Warenkorb zu, und dann greife ich nur , auf den Wert zu,der dort war, und entferne einen. mache ich also, wenn ich hier reinklicke. Okay, also versuchen wir es. Ich werde mich erfrischen. Ich klicke hier rein. Ich sehe nur, was passiert. Ich bin so etwas hat nicht wirklich richtig gekämpft. Lass mich sehen. Ah, okay, also ist das in Ordnung. Schau, jetzt meine im Auto t Null, weil ich das jetzt aktualisieren muss, also muss ich die Displaykarte anrufen, kurz nachdem ich es tue. Das ist gleich nach diesen. Okay. Ich muss die Displaykarte anrufen, damit unsere Seite hinterher sein wird, also sieh mal, lass mich aktualisieren. Okay? Schau, wenn ich hier reinklicken werde. Okay, also habe ich die. Jetzt lass mich mal sehen. Okay? Etwas funktioniert nicht genau so, wie ich es vermutet habe. Also werde ich es mir einfach sehen lassen. Was habe ich hier falsch? - Natürlich. Ich habe meinen lokalen Speicher nie aktualisiert. Ja. Nachdem ich diese aktualisiert habe, ähm, Objekt in der Nähe dieser Kopie des lokalen Speichers. Ich habe hier nicht reinkopiert. Ich habe diese, ähm, in Karten, die wir da drin haben, aktualisiert ähm, in Karten, die wir da drin haben, , übrigens, wir können sogar nur, wie, kurz und diese oben, einfach so zu tun , das wie wir es vorher getan haben. Jetzt muss ich in meinen lokalen Speicher gehen. Okay. Ich werde einen lokalen Lagerpunkt-Set-Kämpfer machen. Okay. Und was ich Ausschüsse ist die Produkte Produkte in Karten. Und was will ich hineingehen? Ich will einen Jason einlassen. Faden Sie nicht. Wenn ich, wenn ihr euch erinnert, müssen wir es natürlich im Jason-Format schaffen. Und was ist das? Dinge, die ich innerhalb senden möchte, ist diese Autos Artikel, die ich gerade aktualisiert. Und nachdem ich das getan habe, werde ich die Displaykarten anrufen, die wir vorher erstellt haben, damit wir tatsächlich auf der Seite sehen können ? Ich würde die Karte aktualisieren, also lasst uns die Seite jetzt aktualisieren. Ich würde die Karte aktualisieren, Sollte funktionieren. Gut. Okay. Wenn ich hier eine klicke. Okay, wir Götter, ich sehe nur einen grauen Hoodie im Wagen. Es sind immer noch keine genauen Grenzen. Lass mich noch ein Mal sehen. Tut mir Leid wegen diesen Typen. Lassen Sie mich sehen, ob das funktioniert. Ich schätze, ich weiß, was im Jahr falsch sein könnte. Hören Sie, das erste, was diese Mine wäre, ist eins. OK, also müssen wir nur minus gleich machen, also aktualisieren wir nur Dysfunktion. Und auch, ich setze meine Produkte in den Warenkorb, dass Mrs. hier ein Kapital C. Nun, sollte das Problem sein. Also werde ich einfach die Seite aktualisieren. Ich werde hier reinklicken und schauen, jetzt haben wir die Menge von ihnen aktualisiert, um Null zu sein. Okay? Was im Grunde , nicht hier drin ist, also wollen wir das eigentlich nicht. Wir wollen die Menge Zehe um ein Minimum von eins verringern, denn wenn wir Null schwächen haben , gehen Sie einfach , hier rein und löschen Sie das Produkt aus, Okay, also werde ich hier drinnen tun. Dann. Wenn Anweisung, Ich werde sagen, wenn Okay, wenn Warenkorb Artikel aktuellen Produkt in Karten in Ordnung, wird größer als eins sein. Okay, wenn es größer ist als dann eins, was ist auf dem Wagen davon? Eigentlich kann ich diese Sachen hier drinnen laufen. Denn wenn es nicht größer als eins ist, wenn er zum Beispiel wie einer ist, will ich gar nichts tun. Okay, lass mich einfach hier reingehen. Ich werde klicken und schauen, nichts passiert. Okay? Gehen wir zur Startseite. Ich werde ein paar dieser tollen T-Shirts hinzufügen. Vielleicht 312 bis 3. Okay. Jetzt. Ah, wenn ich hier reingehe, klicke ich einfach auf diesen. Habe ich das? Wie viele werde ich hinzufügen? Noch einen. Nicht sicher. Was genau? Lassen Sie mich einfach denken, dass es von vorher war. Lass mich einfach alles klären. Aktualisieren Sie hier rein. 123 Okay, jetzt sieh dir diese an. Wenn ich gehe und hier in einer Presse dieses hier, ist es ah, geh in zwei. Also 30 werde ich noch eins klicken. Es geht in 15. Und wenn ich es noch einmal versuche, tut es nichts anderes. Okay, diese Party hier ist alles bereit, jetzt gibt es ein Problem. Wenn ihr Jungs hier schaut, ich tatsächlich, als ich diese Menge verringert habe, meine Karten hier oben, meine Anzahl von Produkten auf der Karte, sind sie immer noch drei. Und mein Korb total noch 45. Also müssen wir diese auch aktualisieren. Also werde ich meine Kartennummernfunktion anrufen, dass wir irgendwo aufgetaucht sind. Wo ist sie? Gesamtkosten bei Artikeln, Kartennummern. Okay, also werde ich diese Kartennummern gleich nach diesen Kartennummern nennen, und ich möchte hier mein aktuelles Produkt übergeben. Okay. Und dann ist das zweite, was ich passieren möchte, wenn ich nur die Funktion erhöhen oder verringern mache . Okay, wenn ich also die Elemente auf der Karte verkleinere oder vergrößere, also werde ich nur die Curries sagen. Okay, also gehen wir zu diesen Kartennummern erscheinen Kartennummern. Wo ist sie? Im Moment noch ein bisschen mehr Kartennummern. Wir nehmen nur ein Produkt. Nun, lasst uns auch eine Aktion ergreifen. Okay, also wird diese Aktion die Abnahme oder Zunahme sein. Okay, also lasst uns diese ein wenig neu Faktor machen. Lassen Sie mich einfach hier reinlegen, wie immer. Ich hole mir meine Let-Karten. Items entspricht zwei lokal. Ah, Lagertochter Holt Artikel. Okay. Produkte in Gottes. Und jetzt, was ich tun muss. Ich muss es vom Kurs durchgehen. Thes diese von Jason Objekt in ein JavaScript-Objekt. So wie ich es hier unten getan habe. Ich muss Einkaufswagenartikel gleich Jason machen. Punkte parsen. Okay. Und ich möchte diese Kartengegenstände analysieren. Okay, jetzt werde ich jede Aussage machen. Nur wieder Faktor diese ein wenig. Ich werde sagen, ob okay, wenn meine Aktion gleich zwei Abnahme sein wird. Weißt du, das ist die Aktion, die wir gerade dort weitergegeben haben. Was ich tun möchte, ist, dass ich meine lokalen Speicher Gedankenset Item-Karten, Karten Zahlen die Produktnummern, die wir von vorher geschnappt haben, setzen möchte. Okay, das sind also die Gesamtproduktnummern, die wir dort von vorher hatten. Schauen wir uns hier rein. Ähm, so ist diese eine Kartennummer, wenn Sie sich erinnern. Okay, also haben wir es hier als diese Variable geschnappt. Also werde ich nur sagen, ist die Produktnummern, die es von vorher gab, und ich werde nur eine entfernen auch, ich brauche die Aktualisierung von natürlich diesen Text hier drin. Also, was wir jetzt getan haben, war nur die Aktualisierung dieser lokalen Speicherkartennummern, wie die Gesamtzahl der Karten. Aber wir müssen auch die Nummer hier auf unseren Karten auf unserer Seite aktualisieren, im Grunde hier oben. Also, was ich tun werde, ist, dass ich nur in meinen und nicht lokalen Speicher gehe, sondern Dokumente, sondern Dokumente, nicht Abfrage-Selektor. Okay? Und ich möchte meine Karte auswählen. Okay, wenn ihr euch an diesen hier als eine Klasse von Karten erinnert, und ich möchte die Spanne und den Textinhalt davon ergreifen, um Produktnummern zu sein . Was auch immer diese auf unseren Kartennummern, die wir hier von vorher eingegriffen haben, ist meine eins, und das sollte es für diese Abnahme sein. Okay, lass mich einfach auffrischen. Versuchen wir es noch einmal. Ähm, offensichtlich, lassen Sie mich einfach all diese Sachen aus dem lokalen Lager löschen. Es ist einfach alles klar. Aktualisieren Sie die Seite. Ich gehe nach Hause. Ich werde 123 davon. Jetzt klicke ich auf eins, um OK. Also, ähm, ich habe den Zeh vergessen, wir haben immer noch bei dieser Art von if-Aussagen hier drin lassen mich diese einfach loswerden und lassen Sie uns einfach wieder Faktor. Das ist also, was wir tun, wenn wir diese Kartennummern ausführen. Dies ist, was wir tun, wenn wir tatsächlich auf eine dieser Schaltflächen klicken. Aber wir wollen auch einen anderen machen. Okay, wenn es einige Produktnummern gibt. Okay. Es bedeutet, das ist wie beim ersten Laden der Seite. Wenn es einige Dinge hier drin gibt, möchte ich meinen lokalen Speicher festlegen, Element nicht auf sein“ setzen. Okay. Dass Warenkorbnummern zu sein Was soll die Produkte sein? Die Produktnummern plus eine Produktnummer plus eins. Okay. Entschuldigung. Keine Bruderzahlen. Ich werde keine Aktion gleich speichern, um zu erhöhen. Okay, weil wir die erhöhen werden nach, okay, in Karies. Okay. Und so werden wir diese plus eins machen, und dann aktualisieren wir natürlich diese Texte, Toby plus einen. Und danach, wenn wir nicht auf eine dieser Schaltflächen klicken und wir nur die Seite zum ersten Mal laden , was ich tun möchte, ist nur das Einstellen des lokalen Speicher-Gedanken-Sets Element. Was ist der Gegenstand? Die Kartennummern sind, ähm, nur eine. Das ist es, was wir am Anfang darin haben. Okay. Und setzen Sie auch einfach die Abfrage des Textinhalts ausgewählt. Toby ist gleich eins. Okay, hoffentlich, jetzt, das ist alles gut, und ich vermisse nichts, also lass mich einfach diesen Code loswerden, den wir hier drin haben, nachdem wir gerade die Produkte eingestellt haben wie wir es vorher hatten, und ich glaube, das war's. Okay. Ich bin nur, ähm, diese Auffrischung klar. Gehen Sie zur Startseite. Ich werde 123 haben, okay, um, etwas fehlt hier drin. Wagen-Nummern. Okay. Das könnte manchmal sein, wenn ich ganz klar bin. Diese nochmal. Aktualisieren. Okay. 123 Okay. Wenn ich hier reingehe, habe ich drei. Ich habe noch etwas anderes hier drin. Ich werde vermisst. Lass mich schnell sehen. Ich will nicht, dass das wirklich das ist, was ich sagen möchte. Ich will diese Handlung der Zunahme nicht stellen. Ich möchte setzen, wenn es tatsächlich Produktnummern gibt. Okay. Wenn wir auf sie wie toe arts klicken, wenn wir hier auf der Seite sind und wir geklickt Schlepptau ARDS Toe Karte und wir laufen diese Kartennummern . Ich möchte sehen, ob es hier ein paar Kartennummern gibt. Ich möchte nur die Menge da drin erhöhen. Weil wir nicht einmal etwas für die Erhöhung brauchen, was ich Ihnen in einer Sekunde zeigen werde. Weil wir nicht einmal etwas für die Erhöhung brauchen, Und so ist das in Ordnung. Lasst uns das einfach auffrischen. Ich klicke. 12345 Das ist in Ordnung. Jetzt gehe ich auf die Warenkorbseite, und ich werde auf 123 klicken und sehen Sie, dieser Wert hier sind alle Waren. Nun, wir müssen nur diesen Wert hier in der 100 aktualisieren. Also lasst uns hier runter gehen, okay? Auf unserer Quantität verwalten. Also, wenn ich in meine verwaltete Menge gehe, um, kurz nachdem ich diese Kartennummern anrufe, kann ich hier auch die Gesamtkosten einchecken. Das ist es, was wir jetzt tun werden. Telefon wird etwas sehr Ähnliches tun. Also rufe ich meine Gesamtkosten an. Ich werde die Warenkorb-Artikel Produktverminderung als auch übergeben. Okay, jetzt gehe ich in meine Gesamtkosten. Lassen Sie mich einfach hier oben reingehen. Was ist meine Gesamtkostenfunktion? Nur diese hier drin. Ich muss auch handeln, weil es die Dekrete sein wird oder nicht. Und ich werde hier nur Anethe Aussage machen. Also, wenn okay, meine Aktion, werden Sie gleich zwei Abnahme sein. Okay, also lass mich diese hier reinlegen, als sonst. Wenn ja, werde ich hier reinlegen. Was jetzt? Ich werde meine Einkaufswagenkosten einrichten, wenn wir diese aus dem lokalen Lager gepackt haben. Denken Sie daran, dass dies in einem Zoo benachbarten Objekt voller dieser Saiten kommt. Also muss ich diese in tatsächliche Zahl konvertieren, indem ich einen Parse in so Karten kosten. Okay. Und jetzt muss ich meinen lokalen Speicher als, äh, lokalen Speicherpunkt setzen äh, , sagte ich. Und der Artikel, den ich einstellen möchte, wenn ihr euch erinnert, ich überprüfe hier nur die Gesamtkosten. Gesamtkosten und wird gleich was sein? was auch immer er auf den Kartenkosten ist. Sagen wir, unsere Hunderten und ich werde einfach was abheben? Mein aktuelles Produkt, das ich hier vorbeikomme Punktpreis, denn wenn Sie sich erinnern, jedes dieser Produkte, die vorbei waren, haben sie einen Preis, einen Schlüsselwert. Also kann ich hier einfach Kartenkosten machen, was auch immer vorher da war. Hier auf der oberen Mine ist das Produkt, das wir vorbeigehen. Okay, etwas zu tun Produkte Gottes Preis. Okay, also lass mich einfach all diese Sachen klären. Gehen wir zur Startseite. Ich füge 123 hinzu. Okay, gehen wir zu den Karten. Lassen Sie uns die überprüfen. Schau, ich klicke einmal. Also 33 60 lese ich mal. Und schauen Sie 2 zu 40 11 2020. Und wenn ich mehr klicke, funktioniert nicht. Perfekt. Nun, das einzige, was wir vermissen, ist hier in diesen Erhöhungs-Button klicken. Also lasst uns hier runter gehen. Es wird sich jetzt sehr, sehr ähnlich sein , also kann ich im Grunde einfach all diese Mäntel kopieren. Okay, ich werde die kopieren. Kleben Sie es hier unten, und was ich tun werde, ist eso Wir haben diese Strömungsmenge schon bekommen, damit wir diese jetzt einfach loswerden können . Das aktuelle Produkt wird Knöpfe erhöht werden. Ich okay. Das wird dasselbe sein, okay? Den Namen schnappen. Okay, dann. Ich muss diese if-Anweisungen jetzt nicht tun, denn jedes Mal, wenn Sie klicken, um die Menge zu erhöhen , benötigen Sie keine Limits. So wird es ein aktueller Warenkorb Artikel aktuellen Produkt Punkt im Warenkorb sein. Nun, diese Zeit wird plus gleich eins sein, um zu erhöhen. Jetzt möchte ich diese Funktionskartennummern ausführen. Diesmal will ich nur den Zehenpass. Okay, äh, aktuelles Produkt. Okay, wenn ich hier reingehe, wo sind die Kartennummern? Also werde ich sagen, ob Aktion gleich sinkt. Okay, ähm, das wird nicht laufen, dann wird prüfen, ob es einige Produkte bereits in der Datenbank im lokalen Speicher gibt, was es gibt. Wenn da schon etwas drin ist, werde ich diese einfach ausführen, die es um eins erhöht. Also muss ich das nicht machen. Eigentlich ist Handlung gleich zu erhöhen. Weißt du, du könntest es tun, wenn du willst, aber es ist gut. Was haben wir sonst noch? Wir haben diese, damit die Kartennummern korrekt sind. Wir haben das für die Summe, Costas. Nun, was wir nicht brauchen, um diese Aktionen zu übergeben, denn lassen Sie mich Ihnen auch die Gesamtkosten zeigen . So Gesamtkosten, können wir ein Produkt in Aktion übergeben. Ich bin jetzt in der Handlung nicht gegangen, um zuzunehmen. Weil sieh dir die an. Wenn Aktion gleich sinkt, tun wir diese im Moment nicht. Okay? Ich überprüfe diese These auch von einem anderen Video, bevor ich es überprüfe. Wenn meine Karte Kosten ist anders als nein, Ja ist anders als nein, weil es bereits Produkte gibt und wir können sehen, dass unser Auto Gesamtkosten unsere Karte Kosten oder was auch immer bereits mit einem gewissen Wert ist, so ist anders als Nein. Also, was machen wir da drin? Grabbing, was da drin ist und dann nur zu einem lokalen Speicher, der Artikel der Gesamtkosten dort setzt , plus den Produktpreis, den wir gerade hier klicken. Das sollte also alle Waren sein. Und schließlich, was mache ich? Klicken Sie hier, natürlich, setzen Sie diese in den lokalen Speicher, der aktualisiert werden soll und nach genau wie beim Ausführen der Displaykarte . Also alles auf unserer Seite wird aktualisiert, also lasst uns das laufen, okay. Ich gehe hier rein. Ich klicke einmal. Hör zu, erhöht 40. Ich werde noch einmal klicken. 60. Also habe ich drei. Lassen Sie mich auf die Startseite gehen. Ich gehe bei 1 bis 2 dieser schwarzen T-Shirts. Also sieh dir die an. Ich habe zwei schwarze T-Shirts und drei davon. Okay, also habe ich 60 2080 Okay. Und 3 bis 5. Ich meine, ich möchte nur vier weitere oder 3123 Also fünf mal 10 sind 50 60 plus 5100 und 10 und fünf und acht sind acht Produkte. In Ordnung, Leute, ich weiß, dass die wirklich ziemlich groß waren und Leute, ich weiß, dass die wirklich ziemlich groß waren und die letzte der Serie sind, aber ich hoffe, dass ihr diese Art von Projekt wirklich genießt. die letzte der Serie sind, Es ist immer gut. Also für Sie zu üben und etwas Neues zu lernen. Ähm, aber ja, genau wie immer. Leute, ich danke euch so sehr, dass ihr zugesehen habt. Ich hoffe, es gefällt dir. Wenn Sie irgendwelche Kommentare oder irgendetwas haben, legen Sie sie einfach unten in hier. Ich beantworte alle Ihre Fragen, und ich werde auch den Link setzen. Ich denke, der Link sollte hier schon mit den Dateien aus diesen Projekten sein. Denn wenn ihr etwas verpasst habt, könnt ihr es immer wieder beobachten. Aber es wird einige Links hier sein, ist nur optional. Wenn Sie die Datei herunterladen möchten. Sie haben also alles gut funktioniert. Und Sie können auch mit Ihrem eigenen Code vergleichen. Na gut, Leute, das war's für dieses Video. Vielen Dank, dass Sie zugesehen haben. Und wir sehen uns im nächsten Video.