


Comment calculer le prix avec une sélection unique en utilisant JavaScript
Avec le développement rapide du marché du commerce électronique, les besoins des utilisateurs en matière d'achat de biens deviennent de plus en plus diversifiés. Afin de répondre aux besoins d'achat des utilisateurs, le calcul des prix des produits est devenu de plus en plus complexe, parmi lesquels le calcul des prix à sélection unique est une problématique incontournable. Cet article explique comment calculer le prix d'une sélection unique à l'aide de JavaScript.
Dans la plupart des sites Web de commerce électronique, les règles de tarification à sélection unique sont souvent des « tarifications de gros » ou des « tarifications échelonnées en quantité ». Ci-dessous, nous démontrerons les méthodes de mise en œuvre de ces deux règles de tarification avec des exemples.
Prix en gros
Le prix en gros signifie que dans la plage de quantités d'achat d'un même produit, chaque quantité correspond à un prix. Par exemple : lors de l'achat de 1 à 5 articles, le prix est de 10 yuans/article ; lors de l'achat de 6 à 10 articles, le prix est de 8 yuans/article ; lors de l'achat de 11 articles ou plus, le prix est de 6 yuans/article.
Ce qui suit est un code JavaScript qui implémente la tarification par lots :
//定义批量定价规则 var rule = [ {num: 1, price: 10}, {num: 6, price: 8}, {num: 11, price: 6}, ]; //获取单品数量 var quantity = parseInt(document.getElementById('quantity').value); //查找符合条件的价格(以购买1件商品为例) var price = rule.find(function(item) { return quantity <= item.num; }).price; console.log('价格为:' + price);
Dans ce code, nous définissons d'abord les règles de tarification par lots et transmettons document.getElementById( 'quantity ').value
Obtient la quantité du produit saisie par l'utilisateur. Ensuite, nous avons utilisé la méthode find()
de JavaScript pour trouver le prix qui correspond à la quantité achetée dans les règles de tarification et l'avons affiché. document.getElementById('quantity').value
获取用户输入的商品数量。然后我们使用了JavaScript的find()
方法,在定价规则中查找符合购买数量的价格,并将其输出。
数量阶梯计价
数量阶梯计价是指在同一个单品的购买数量范围内,每个数量都有一个固定价格,但随着购买数量的增多,每个价格都会发生变化。例如:购买1个商品时,价格为10元/件,购买2个商品时,价格为18元/2件,购买3个商品时,价格为24元/3件。
下面是一个实现数量阶梯计价的JavaScript代码:
//定义数量阶梯计价规则 var rule = [ {num: 1, price: 10}, {num: 2, price: 18}, {num: 3, price: 24}, ]; //获取单品数量 var quantity = parseInt(document.getElementById('quantity').value); //计算价格(以购买2件商品为例) var price = 0; rule.forEach(function(item) { if(quantity >= item.num) { var count = parseInt(quantity / item.num); price += count * item.price; quantity -= count * item.num; } }); price += quantity * rule[0].price; console.log('价格为:' + price);
在这段代码中,我们首先定义了数量阶梯计价规则,并通过document.getElementById('quantity').value
getElementById. ("quantity").value
Obtient la quantité de produit saisie par l'utilisateur. Ensuite, nous parcourons les règles de tarification, calculons la quantité de biens achetés dans chaque gamme de prix en fonction de la quantité de biens et calculons le prix total correspondant. Enfin, nous multiplions la quantité restante par le prix le plus bas et l'ajoutons au prix total pour obtenir le prix final. #🎜🎜##🎜🎜#Pour résumer, le calcul des prix mono-sélection est très important dans les sites e-commerce. Grâce à l'introduction de cet article, nous avons appris comment JavaScript implémente la tarification par lots et la tarification par quantité. Nous pouvons choisir les règles de tarification appropriées en fonction de la situation spécifique et réaliser la fonction de calcul du prix par sélection unique. #🎜🎜#Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'article traite de l'utilisation Effecte dans React, un crochet pour gérer les effets secondaires comme la récupération des données et la manipulation DOM dans les composants fonctionnels. Il explique l'utilisation, les effets secondaires courants et le nettoyage pour éviter des problèmes comme les fuites de mémoire.

Le chargement paresseux retarde le chargement du contenu jusqu'à ce qu'il soit nécessaire, améliorant les performances du Web et l'expérience utilisateur en réduisant les temps de chargement initiaux et la charge du serveur.

L'article explique l'algorithme de réconciliation de React, qui met à jour efficacement le DOM en comparant les arbres DOM virtuels. Il traite des avantages de la performance, des techniques d'optimisation et des impacts sur l'expérience utilisateur. Compte de charge: 159

L'article traite du curry dans JavaScript, une technique transformant les fonctions mulguments en séquences de fonctions à argument unique. Il explore la mise en œuvre du currying, des avantages tels que des applications partielles et des utilisations pratiques, améliorant le code

Les fonctions d'ordre supérieur dans JavaScript améliorent la concision du code, la réutilisabilité, la modularité et les performances par abstraction, modèles communs et techniques d'optimisation.

L'article explique UseContext dans React, qui simplifie la gestion de l'État en évitant le forage des accessoires. Il traite des avantages tels que les améliorations centralisées de l'État et des performances grâce à des redevances réduites.

L'article discute de la connexion des composants React à Redux Store à l'aide de Connect (), expliquant MapStateToproprop, MapDispatchToprops et des impacts de performances.

L'article discute de la prévention des comportements par défaut dans les gestionnaires d'événements à l'aide de la méthode empêchée dedEfault (), de ses avantages tels que une expérience utilisateur améliorée et des problèmes potentiels tels que les problèmes d'accessibilité.
