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

Analysieren Sie, wie eine SQL-Abfrageanweisung in MySQL ausgeführt wird

Inhaltsverzeichnis 1. Übersicht über die logische...

vue-element-admin global laden warten

Aktuelle Anforderungen: Globales Laden, alle Schn...

Ausführliche Erläuterung des Prinzips des MySQL Innodb-Index

Einführung Wenn ich zurückblicke, sagte der Lehre...

IDEA verwendet das Docker-Plugin (Tutorial für Anfänger)

Inhaltsverzeichnis veranschaulichen 1. Aktivieren...

MySQL-Limit-Leistungsanalyse und -Optimierung

1. Fazit Syntax: Limit-Offset, Zeilen Schlussfolg...

Eine kurze Einführung in das bionische Design im Internet-Webdesign

Beim Stichwort Bionik-Design denken viele an die E...

Einfache Schritte zum Kapseln von Komponenten in Vue-Projekten

Inhaltsverzeichnis Vorwort So kapseln Sie eine To...

Das Submit-Ereignis des Formulars reagiert nicht

1. Problembeschreibung <br />Wenn JS verwen...

Benutzerdefinierte optionale Zeitkalenderkomponente von Vue

In diesem Artikelbeispiel wird der spezifische Co...

Diskussion über die Möglichkeit zum Öffnen von Website-Hyperlinks

Ein neues Fenster wird geöffnet. Vorteile: Wenn d...