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 問題を解決する

推薦する

MySQL スケジュールタスク例チュートリアル

序文MySQL 5.1.6 以降、非常にユニークな機能であるイベント スケジューラが追加されました。...

Ubuntu 16.04 mysql5.7.17 リモートポート 3306 を開く

MySQLへのリモートアクセスを有効にするデフォルトでは、MySQL ユーザーにはリモート アクセス...

MySQLの基本操作を詳しく解説(第2部)

序文この記事には1. データベースのいくつかの主要な制約2. テーブル間の関係制約:主キー制約: 機...

Linuxはscpコマンドを使用してファイルをローカルコンピュータにコピーし、ローカルファイルをリモートサーバーにコピーします。

以下のように表示されます。リモート サーバーのファイルをローカルにコピーします。 scp -r -P...

CSS 変数に基づくテーマ切り替えに最適なソリューション (推奨)

この要件を受け取ったとき、Baidu は、CSS リンクの置き換え、className の変更、le...

mysql binlog (バイナリログ) を表示する方法

たとえば、新しいテーブルを作成したり、既存のテーブルのデータを更新したりすると、これらのイベントは、...

Facebook によるインターネット サービスのほぼ完璧な再設計

<br />出典: http://www.a-xuan.cn/?p=197 先ほどFac...

ウェブデザインにおける画像フォーマットとデザインの関係を詳しく説明

なぜこの領域のコンテンツを整理したいのでしょうか。それは、油絵の具とキャンバスを理解する必要があり、...

Nginx ドメイン転送の使用シナリオ コード例

シナリオ 1: サーバーの制限により、外部に開かれているポートは 1 つだけですが、別の外部ネットワ...

img 画像タグに alt 属性を付与する必要がありますか?

img 画像タグに alt 属性を追加しますか?画像 img タグの alt 属性を見落とすことはよ...

初心者のためのWebサイト構築入門 ③ エイリアス(CNAME)レコードとURL転送

①. エイリアス(CNAME)レコードの使用方法:前回の投稿のドメイン名解決では、A レコードの解...

MySQL 5.7.23 解凍バージョンのインストールチュートリアル(画像とテキスト付き)

MySQLインストーラをダウンロードする公式ダウンロードアドレス: http://dev.mysq...

ノードでシェルスクリプトを使用する方法

背景開発中、特定の状況でビジネス ロジックをバッチ処理するためのスクリプトが必要になる場合があります...

JavaScript のクロージャの問題の詳細な説明

クロージャは、純粋関数型プログラミング言語の伝統的な機能の 1 つです。クロージャをコア言語構造の不...

Nginx+FastDFSでイメージサーバーを構築

設置環境セントス環境依存性: yum -y gccをインストールします yum インストール -y ...