Javascript 计算并显示价格类别的折扣百分比

Javascript 计算并显示价格类别的折扣百分比,javascript,price,discount,Javascript,Price,Discount,我正在寻找javascript方面的帮助。我们试图计算并显示折扣前价格和折扣后价格之间的百分比差异。相关的类是。from_price和。for_price。价格看起来像是160,00和130,00 因此,我们尝试使用此代码,但它不起作用: var price = (Math.round($(".from_price").html())).toString(); var sale = (Math.round($(".for_price").html())).toString(); var kort

我正在寻找javascript方面的帮助。我们试图计算并显示折扣前价格和折扣后价格之间的百分比差异。相关的类是。from_price和。for_price。价格看起来像是160,00和130,00

因此,我们尝试使用此代码,但它不起作用:

var price = (Math.round($(".from_price").html())).toString();
var sale = (Math.round($(".for_price").html())).toString();
var korting = (Math.round(((sale - price)/price)*100)).toString();
$("#discount").html("You receive" + korting + "%" + " " + "discount");
}
非常感谢你的帮助

以下是一个示例:

var price=+((Math.round($(“.from_price”).html()).toString());
var sale=+((Math.round($(“.for_price”).html()).toString());
var korting=(数学轮((销售价格)/价格)*100)).toString();
$(“#折扣”).html(“您收到”+korting+%折扣”);
控制台日志(销售类型)

100
50

这是因为您使用字符串值来获取折扣值。可以使用将160,00转换为160

函数getDiscount(){ var price=parseFloat($(“.from_price”).html(); var sale=parseFloat($(“.for_price”).html(); 控制台日志(价格); 控制台日志(销售); var korting=(数学轮((销售价格)/价格)*100); $(“#折扣”).html(“您收到”+korting+“%”+“+”+“+”折扣”); }

160,00
130,00
打折

不要将类名用作元素选择器(如果您的文档包含多个class.from\u price?元素,该怎么办?)。不要依赖innerHTML获取(数字)值。使用定价值可以让您完全控制它。我建议使用css和数据属性来显示折扣百分比。最后,您并不真正需要jQuery

下面是一个简单的(荷兰语html)代码片段

(()=>{
const price=+document.querySelector(“[datafromprice]”)。dataset.fromprice;
const sale=+document.querySelector(“[data forprice]”)。dataset.forprice;
常量折扣百分比=((1-(销售/价格))*100)。固定(0);
document.querySelector(“[数据折扣]”).dataset.discount=折扣百分比;
})();
[数据折扣]:之前{
内容:attr(数据折扣)“%”;
颜色:红色;
字体大小:粗体;
}
货车160,00欧元

Voor 130,00欧元


Uw korting:

浮点数用点而不是逗号表示。所以“160,00”必须先是“160.00”。用“.”代替“,”就行了。相关人员:你能告诉我们你想做什么吗。数学还是javascript?