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

Mehrere allgemeine Beispielcodes für Weiterleitungsverbindungen in HTML

Code kopieren Der Code lautet wie folgt: window.l...

So installieren Sie die grafische Benutzeroberfläche unter Linux

1. Linux-Installation (Root-Benutzerbetrieb) 1. I...

Detaillierte Erklärung der berechneten Eigenschaften in Vue

Inhaltsverzeichnis Interpolationsausdrücke Method...

Mit JS ein kleines Flugzeugkriegsspiel implementieren

In diesem Artikelbeispiel wird der spezifische JS...

Installation und Verwendung von MySQL unter Ubuntu (allgemeine Version)

Unabhängig von der verwendeten Ubuntu-Version ist...

JavaScript navigator.userAgent erhält Browserinformationen – Fallerklärung

Der Browser ist für uns wahrscheinlich das vertra...

Beispiel für automatischen Stoppeffekt nach Text-Scrollen

Die Wirkung ist ganz einfach: Kopieren Sie einfach...

JavaScript zum Erzielen eines Vollbild-Seiten-Scrolleffekts

Nachdem ich mit der Lektüre von JavaScript DOM fe...

So schreiben Sie hochwertigen JavaScript-Code

Inhaltsverzeichnis 1. Einfach zu lesender Code 1....

So installieren und ändern Sie das Anfangskennwort von mysql5.7.18

Informationen zur Centos-Installation von MySQL f...

Ich zeige Ihnen, wie Sie Schriftsymbole in CSS verwenden

Zunächst einmal: Was ist ein Schriftsymbol? Oberf...

Probleme bei der Verwendung der Rich-Text-Bearbeitung mit Wangeditor in Vue

wangEditor ist ein webbasierter Rich-Text-Editor,...