Javascript 计算并显示价格类别的折扣百分比
我正在寻找javascript方面的帮助。我们试图计算并显示折扣前价格和折扣后价格之间的百分比差异。相关的类是。from_price和。for_price。价格看起来像是160,00和130,00 因此,我们尝试使用此代码,但它不起作用: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
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?