JS realisiert die Berechnung des Gesamtpreises der Waren im Warenkorb

JS realisiert die Berechnung des Gesamtpreises der Waren im Warenkorb

JS berechnet den Gesamtpreis der Waren im Warenkorb zu Ihrer Information. Die spezifischen Inhalte sind wie folgt

Anforderungen an die Frage:

Im Warenkorb sind Informationen zu mehreren Produkten enthalten, darunter Name, Stückpreis und Menge der Produkte. Der Gesamtpreis der Produkte im Warenkorb wird berechnet.

Konkrete Ideen:

Produktinformationen werden durch das Erstellen von Produktobjekten erhalten. Die Summe mehrerer Produkte wird durch das Erstellen eines Arrays zum Platzieren der Produkte erreicht. Der Preis wird dann berechnet, indem das Array durchlaufen und die angegebenen Attribute gelesen werden.

Spezifischer Code:

<Skripttyp="text/javascript">
 // Gesamtpreisvariable var sum = 0;
 // Warenobjektfunktion Waren (Name, Preis, Menge) {
 dieser.name = Name;
 dieser.Preis = Preis;
 dieser.Betrag = Betrag;
 // dies.add = spaß();
  }
 //Eine Produktinstanz definieren und deklarieren var goods1 = new Goods("Pen",100,1);
 var goods2 = neue Ware("Papierhandtuch",10,1);
 var goods3 = neue Waren("Arbeitsmappe",100,2);
  
 //Erstellen Sie eine Funktion zur Berechnung des Gesamtpreises function totalPrice(){
 // Objekte in Array einfügen var arr = new Array(goods1,goods2,goods3);
 // Addiere die Preise aller Produkte durch Traversieren nach for(var i in arr){
  Summe = Summe + (arr[i].Preis * arr[i].Betrag);
  };
  konsole.log(Summe);
 };
  
 Konsole.log(Waren1);
 Konsole.log(Waren2);
 Konsole.log(Waren3);
 Gesamtpreis();
</Skript>

Laufergebnisse:

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:
  • js-Methode zur Realisierung der Warenkorbberechnung

<<:  Detaillierte Erklärung des Linx awk-Einführungstutorials

>>:  Lösen Sie das MySQL 5.7.9 Version sql_mode=only_full_group_by Problem

Artikel empfehlen

W3C Tutorial (5): W3C XML Aktivitäten

XML dient der Beschreibung, Speicherung, Übertrag...

Allgemeiner Hinweis zum MySQL-Ereignisplaner (unbedingt lesen)

Überblick MySQL verfügt auch über einen eigenen E...

Lösung für 404-Fehler beim Herunterladen einer APK-Datei vom IIS-Server

Bei der Verwendung von IIS als Server wurde die A...

Tutorial zur Installation und Verwendung von Docker MQTT

Einführung in MQTT MQTT (Message Queuing Telemetr...

Detaillierte Erklärung der schmerzlosen Token-Aktualisierungsmethode von Uniapp

Wenn das Front-End die Schnittstelle anfordert, w...

Verwendung und Szenarioanalyse des npx-Befehls in Node.js

Tutorial zur Verwendung von NPX Heute Abend, als ...

JavaScript implementiert Ziehen mit der Maus, um die Div-Größe anzupassen

In diesem Artikel wird der spezifische JavaScript...