JSはショッピングカート内の商品の合計金額の計算を実現します

JSはショッピングカート内の商品の合計金額の計算を実現します

JSはショッピングカート内の商品の合計金額を計算して参考とします。具体的な内容は以下のとおりです。

質問の要件:

ショッピングカート内の複数の商品に関する情報(商品名、単価、数量など)があり、ショッピングカート内の商品の合計金額が計算されます。

具体的なアイデア:

商品情報は、商品オブジェクトを作成することで取得されます。複数の商品の合計は、商品を配置する配列を作成することで実現されます。次に、配列を走査して指定された属性を読み取ることで価格が計算されます。

特定のコード:

<script type="text/javascript">
 // 合計価格変数 var sum = 0;
 // 商品オブジェクト関数 Goods(name,price,amount){
 this.name = 名前;
 this.price = 価格;
 this.amount = 金額;
 // this.add = fun();
  }
 //製品インスタンスを定義して宣言します var goods1 = new Goods("Pen",100,1);
 var goods2 = new Goods("ペーパータオル",10,1);
 var goods3 = new Goods("ワークブック",100,2);
  
 // 合計価格を計算する関数を作成する function totalPrice(){
 // オブジェクトを配列に入れる var arr = new Array(goods1,goods2,goods3);
 // for(var i in arr){ を走査して各製品の価格を追加します。
  合計 = 合計 + (arr[i].price * arr[i].amount);
  };
  console.log(合計);
 };
  
 コンソールログ(商品1);
 コンソールログ(商品2);
 コンソールログ(goods3);
 合計価格();
</スクリプト>

実行結果:

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • ショッピングカートの計算を実現する js メソッド

<<:  Linx awk入門チュートリアルの詳細な説明

>>:  MySQL 5.7.9 バージョンの sql_mode=only_full_group_by 問題を解決する

推薦する

Linux システムで .sh ファイルを実行する方法

Linux システムで .sh ファイルを実行する方法は 2 つあります。たとえば、ルート ディレク...

mysqldump を使用して MySQL データをバックアップする方法

1. mysqldump の紹介mysqldump は、MySQL に付属する論理バックアップ ツー...

Linux nslookup コマンドの使用方法の詳細な説明

[nslookup とは?] 】 nslookup コマンドは、Linux で非常によく使用されるネ...

フロントエンド開発者に何百万ドルもの価値をもたらす 10 のスキル

フロントエンド開発者が習得する必要のあるスキル。これらのスキルにより、フロントエンド開発者の価値は数...

jsを使用してカルーセル効果を実現する

今日は、参考までに、jsを使用してカルーセルマップの効果を実現する方法についてお話ししましょう。具体...

HTMLページのネイティブVIDEOタグはダウンロードボタン機能を隠します

Web プロジェクトを作成しているときに、紹介ビデオが別にある紹介ページに遭遇しました。この短いビデ...

Linux で履歴コマンドを表示および実行する方法

履歴コマンドを表示し、指定されたコマンドを実行します owen@owen:~/owen/softwa...

MySQLの半同期の詳細な説明

目次序文MySQL マスタースレーブレプリケーションMySQL でサポートされているレプリケーション...

JavaScript でのモグラ叩きゲームの実装

この記事では、モグラ叩きゲームを実装するためのJavaScriptの具体的なコードを参考までに紹介し...

ページにデータを表示するReactメソッド

目次親コンポーネントリストボックスリストコンポーネントボタンコンポーネント PageButton昨年...

MySQL の一時テーブルと派生テーブルについての簡単な説明

派生テーブルについてメイン クエリに派生テーブルが含まれている場合、または SELECT ステートメ...

ウェブページの色特性の分類

色特性の分類あらゆる色は、赤、緑、青の三原色から構成されます。三原色の中で暖色なのは赤だけなので、作...

シンプルなHTMLとCSSの使い方の詳細な説明

HTML と CSS を含む JD.com のホームページの静的ページ効果を 3 日間で完成させます...

node.js で PC 上の WeChat アプレット パッケージを復号化するための処理アイデア

目次アプレットのソースコードはどこにありますか? PC ミニプログラムはどのように暗号化されますか?...

MySQL の基本クイックスタート知識のまとめ (マインドマップ付き)

目次序文1. データベースの基礎知識1. データベースとは何ですか? 2. データベースの分類3. ...