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カバーインデックスの利点

一般的な提案は、WHERE 条件のインデックスを作成することですが、これは実際には一方的です。インデ...

MySQL 5.7.15 のインストールと設定方法のグラフィック チュートリアル (Windows)

MySQL をインストールする必要があるため、インストール手順を以下のように記録します。 自分なり...

docker を使用して crownblog プロジェクトを Alibaba Cloud にデプロイする方法

フロントエンドプロジェクトのパッケージ化.env.productionを見つけて、自分のIPまたはド...

VMware15 の Deepin インストール詳細チュートリアル (画像とテキスト)

序文Deepin のユーザー インターフェイスは、使用時に非常に見栄えがします。インターフェイス効果...

Node.jsサービスDockerコンテナアプリケーション実践のまとめ

この記事では、Docker コマンドの使用とインストールについては説明しません。Docker を基礎...

JavaScript ツールチェーンの不完全なガイド

目次概要静的型チェックコードスタイルチェック(Linter)パッケージマネージャーモジュールローダー...

CSS3 境界効果

CSSとは# CSS (Cascading Style Sheets の略) は、「カスケーディング...

Navicat 接続 MySQL エラーの説明分析

目次環境仮想マシンバージョンMySQL バージョン事前準備MySQLの実行ステータスを確認するルート...

Dockerイメージとコンテナの一般的な操作の詳細な説明

画像アクセラレータ中国の Docker Hub からイメージをプルすることが難しい場合があります。こ...

Windows システムに mysql5.7.21 をインストールするための詳細なチュートリアル

MySQL インストーラーは、MySQL ソフトウェアのあらゆるニーズに対応する、使いやすいウィザー...

bodyタグの主な属性の概要

bgcolor="テキストの色" background="背景画像&q...

MySQL がタイムスタンプを使用するときにタイムゾーンの問題を無視できるのはなぜですか?

私はいつも、なぜMySQLデータベースのtimestampタイムゾーンの問題を無視できるのか疑問に思...

Dockerのプロセスとイメージを実行するための基本コマンドの詳細な説明

目次1. ワークフローを実行する2. ミラーリングの基本コマンド1. ワークフローを実行するDock...

CSS パフォーマンスの最適化 - will-change の使用方法の詳細な説明

will-change は、要素にどのような変更が行われるかをブラウザに伝え、ブラウザが事前に最適化...

MySQL binlog の使用方法の詳細な説明

binlog は、MySQL のすべての DML 操作を記録するバイナリ ログ ファイルです。 bi...