JS realizes the calculation of the total price of goods in the shopping cart

JS realizes the calculation of the total price of goods in the shopping cart

JS calculates the total price of goods in the shopping cart for your reference. The specific contents are as follows

Question requirements:

There is information about several products in the shopping cart, including the name, unit price, and quantity of the products. The total price of the products in the shopping cart is calculated.

Specific ideas:

Product information is obtained by creating product objects. The sum of several products is achieved by creating an array to place the products. The price is then calculated by traversing the array and reading the specified attributes.

Specific code:

<script type="text/javascript">
 // Total price variable var sum = 0;
 // Goods object function Goods(name,price,amount){
 this.name = name;
 this.price = price;
 this.amount = amount;
 // this.add = fun();
  }
 //Define and declare a product instance var goods1 = new Goods("Pen",100,1);
 var goods2 = new Goods("paper towel",10,1);
 var goods3 = new Goods("Workbook",100,2);
  
 // Create a function to calculate the total price function totalPrice(){
 // Put objects into array var arr = new Array(goods1,goods2,goods3);
 // Add the prices of each product by traversing for(var i in arr){
  sum = sum + (arr[i].price * arr[i].amount);
  };
  console.log(sum);
 };
  
 console.log(goods1);
 console.log(goods2);
 console.log(goods3);
 totalPrice();
</script>

Running results:

The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM.

You may also be interested in:
  • js method to realize shopping cart calculation

<<:  Detailed explanation of Linx awk introductory tutorial

>>:  Solve the MySQL 5.7.9 version sql_mode=only_full_group_by problem

Recommend

CocosCreator Getting Started Tutorial: Making Your First Game with TS

Table of contents premise TypeScript vs JavaScrip...

Example of using JSX to build component Parser development

Table of contents JSX environment construction Se...

Solution to the Docker container cannot be stopped and deleted

Find the running container id docker ps Find the ...

Display ellipsis effect when table cell content exceeds (implementation code)

illustrate In front-end development, you often en...

How to insert Emoji expressions into MySQL

Preface Today, when I was designing a feedback fo...

JavaScript Basics Variables

Table of contents 1. Variable Overview 1.1 Storag...

Gojs implements ant line animation effect

Table of contents 1. Gojs Implementation 1. Drawi...

Web project development VUE mixing and inheritance principle

Table of contents Mixin Mixin Note (duplicate nam...

The concept of MTR in MySQL

MTR stands for Mini-Transaction. As the name sugg...

Nginx dynamic and static separation implementation case code analysis

Separation of static and dynamic Dynamic requests...

MySQL reports an error: Can't find file: './mysql/plugin.frm' solution

Find the problem Recently, I found a problem at w...

JavaScript jigsaw puzzle game

This article example shares the specific code of ...

A method of hiding processes under Linux and the pitfalls encountered

Preface 1. The tools used in this article can be ...

Detailed explanation of the role of static variables in MySQL

Detailed explanation of the role of static variab...