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

Detailed tutorial for installing mysql5.7.21 under Windows

This article shares the installation tutorial of ...

JS realizes video barrage effect

Use ES6 modular development and observer mode to ...

Mini Program to Implement Paging Effect

This article example shares the specific code for...

Key features of InnoDB - insert cache, write twice, adaptive hash index details

The key features of the InnoDB storage engine inc...

How to set the position of the block element in the middle of the window

How to set the position of the block element in t...

An article to help you understand the basics of VUE

Table of contents What is VUE Core plugins in Vue...

Solve the problem that Docker cannot ping the host machine under Mac

Solution Abandon the Linux virtual machine that c...

Tutorial on installing and using virtualenv in Deepin

virtualenv is a tool for creating isolated Python...

React High-Order Component HOC Usage Summary

One sentence to introduce HOC What is a higher-or...

Understanding the MySQL query optimization process

Table of contents Parsers and preprocessors Query...

Interpretation and usage of various React state managers

First of all, we need to know what a state manage...

Vue Router vue-router detailed explanation guide

Chinese documentation: https://router.vuejs.org/z...

30 minutes to give you a comprehensive understanding of React Hooks

Table of contents Overview 1. useState 1.1 Three ...