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

推薦する

CentOS8 yum/dnfで国内ソースを設定する方法

CentOS 8 ではソフトウェア パッケージのインストール プログラムが変更され、yum 構成方法...

mysql 結合クエリ (左結合、右結合、内部結合)

1. MySQLの一般的な接続INNER JOIN (内部結合、または等価結合): 2 つのテーブ...

データページング効果を実現する js オブジェクト

この記事の例では、データのページング効果を実現するためのjsオブジェクトの具体的なコードを参考までに...

Ubuntu で中国語入力方法が使えない場合の解決策

Ubuntu では中国語入力方法の解決策はありません。仮想マシンや Ubuntu システムをインスト...

WeChatミニプログラムがいいねサービスを実装

この記事では、WeChatアプレットの具体的なコードを参考までに紹介します。具体的な内容は次のとおり...

Mysqlの自動増分IDについて知らないことがあるかもしれません

導入: MySQL を使用してテーブルを作成する場合、通常は自動インクリメント フィールド (AUT...

docker を使用して複数のネットワーク インターフェースを持つコンテナーを起動する方法の例

コンテナにネットワークインターフェースを追加する1 デフォルトのネットワークモードでコンテナを実行す...

CSS3 で translate と transition を使用する方法

translate と transition は非常に強力で、習得するのは不可能だといつも感じていま...

要素UIポップアップコンポーネントをカプセル化する手順

el-dialogをコンポーネントとしてカプセル化するelement-ui を使用する場合、ポップア...

停止したすべてのDockerコンテナを1つのコマンドで再起動する

停止したすべてのDockerコンテナを1つのコマンドで再起動するdocker ps -a | gre...

HTML a タグの href 属性を使用して相対パスと絶対パスを指定する方法

実際のWeb開発では、画像の挿入やCSSファイルなどすべてパスが必要となります。ファイルパスを誤って...

JavaScript 配列メソッドの詳細な例

目次導入配列の作成作成方法詳しい説明方法参加する() push() と pop() shift() ...

Vueは新しいウィンドウを開き、パラメータ転送のグラフィック例を実装します。

私が実現したい機能は、新しいウィンドウを開いて新しいページを表示することですが、パラメータを渡す必要...

JavaScript を学ぶときに知っておくべき 3 つのヒント

目次1. 魔法の拡張演算子1. 配列をコピーする2. 配列を結合する3. オブジェクトを展開する2....

ZabbixはLinuxシステムサービスのプロセスを監視

Zabbix は Linux システムのサービス ユニットを監視するためのルールを自動的に検出します...