Javascript Jquery条件计算器在选择了两个项目后失控

我现在正在制作一个卡路里计算器。一切都很好，但我认为我的方程式不能处理十进制数

问题是：如果我选择3-5种成分。卡路里计算器开始给我错误的结果（.00000001差异）。我无法找出javascript逻辑中的错误

代码如下：

$（文档）.ready（函数（）{
$（'.component'）。单击（函数（）{
var totalNum=$（“#total”）；
var totalCarbs=$（“#totalCarbs”）；
var totalFats=$（“#totalFats”）；
var totalProteins=$（“#totalProteins”）；
var pressed=$（this）.hasClass（'clicked'）；
var currentCarries=+totalNum.html（）；
var currentCarbs=+totalCarbs.html（）；
var currentFats=+totalFats.html（）；
var currentProteins=+totalProteins.html（）；
如果（按下）{
$（this.removeClass（'clicked'）；
var carries=$（this）.data（'carries'）；
var carbs=$（this）.data（'carbs'）；
var fat=$（this.data（'fat'）+
html（当前卡路里-卡路里）+
html（currentCarbs-carbs）+
html（currentFats-fat）+
html（currentProteins-proteins）；
}否则{
$（this.addClass（'clicked'）；
var carries=$（this）.data（'carries'）；
var carbs=$（this）.data（'carbs'）；
var fat=$（this.data（'fat'）；
var蛋白质=$（this）.data（'fat'）+
html（当前卡路里+卡路里）+
html（currentCarbs+carbs）+
html（当前脂肪+脂肪）+
html（currentProteins+fat）；
}
//素食主义者
var vegan=假；
var素食=假；
$（“.component.clicked”）.each（函数（）{
if（typeof$（this）.attr（“素食者”）！=“未定义”）{
纯素=真；
}否则{
纯素=假；
返回false；
}
});
如果（素食主义者）{
$（'类型'）.text（“Ez azösszeállítás Vegán”）；
$（'#typeImage'）.attr（“src”https://upload.wikimedia.org/wikipedia/hi/thumb/b/b2/Veg_symbol.svg/768px-Veg_symbol.svg.png");
}否则{
$（'#type'）。文本（“”）；
$（'#typeImage'）.attr（“src”，”）；
}
$（“.component.clicked”）.each（函数（）{
if（typeof$（this）.attr（“素食者”）！=“未定义”）{
素食者=正确；
}否则{
素食者=假；
返回false；
}
});
if（素食者）{
$（'typeVega'）。文本（“Ez azösszeállítás vegetáriánus”）；
$（'#typeImageVega'）.attr（“src，”https://upload.wikimedia.org/wikipedia/hi/thumb/b/b2/Veg_symbol.svg/768px-Veg_symbol.svg.png");
}否则{
$（'#typeVega'）。文本（“”）；
$（'#typeImageVega'）.attr（“src”，即“）；
}
});
});
div，
P
h1{
保证金：0；
填充：0；
框大小：边框框；
显示：块；
}
身体{
字体大小：1.0rem；
字体系列：无衬线；
背景#42413f；
}
.标题{
背景：#f3 url(http://blog.padthaiwokbar.com/wp-content/uploads/2017/09/whiteback.jpg)中上重复；
边缘底部：30px；
文本对齐：居中；
边缘顶部：30px；
}
.标题img{
边缘底部：30px；
}
.标题h1{
字体大小：1.5rem；
}
.配料{
背景：#f3 url(http://blog.padthaiwokbar.com/wp-content/uploads/2017/09/greyback.jpg)中上重复；
边界半径：0px；
边框：4px实心#6FC0BB；
填充：30px 60px；
最大宽度：100%；
左边距：自动；
右边距：自动；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-ms-flex-wrap:wrap；
柔性包装：包装；
}
.成分h2{
宽度：100%；
字号：1.1rem；
文本转换：大写；
}
.配料{
边框：2px实心#6FC0BB；
填充：10px 20px；
边界半径：5px；
右边距：20px；
边缘底部：20px；
颜色：白色；
}
成分：悬停{
光标：指针；
背景色：#6FC0BB；
颜色：#fff；
边框：2px实心#6FC0BB；
}
成分：活性成分{
盒子阴影：0px 0px 5px 0px rgba（0,0,0,0.75）；
}
.点击{
背景：#f3 url(http://blog.padthaiwokbar.com/wp-content/uploads/2017/09/whiteback.jpg)中上重复；
颜色：黑色；
边框：2px实心#282828；
}
。单击：悬停{
光标：指针；
背景色：#6FC0BB；
颜色：黑色；
边框：2px实心#6FC0BB；
}
.总数{
边缘顶部：30px；
字体大小：粗体；
宽度：100%；
字号：1.1rem；
文本转换：；
}
//*字体*//
@字体{
字体系列：“Lithos Pro Black”；
字体风格：普通；
字体大小：正常；
src:local（'Li Pro Black'），url（'http://blog.padthaiwokbar.com/wp-content/fonts/LithosPro-Black.otf格式（'opentype'）；
}
@字体{
字体系列：“Lithos Pro Regular”；
字体风格：普通；
字体大小：正常；
src:local（'Lithos Pro-Regular'），url（'http://blog.padthaiwokbar.com/wp-content/fonts/LithosPro-Regular.otf格式（'opentype'）；
}
/*@字体{
字体系列：“Arial窄字体”；
字体风格：普通；
字体大小：正常；
src:local（'Arial狭窄'），url（'http://blog.padthaiwokbar.com/wp-content/fonts/8098062665.ttf格式（'truetype'）*/
@字体{
字体系列：“龙虾二斜体”；
字体大小：正常；
字体风格：普通；
src:local（'Lobster Two Italic'），url（'http://blog.padthaiwokbar.com/wp-content/fonts/LobsterTwo-Italic.otf格式（'opentype'）；
}
@字体{
字体系列：“Proxima Nova”；
src:url（'http://blog.padthaiwokbar.com/wp-content/fonts/Proxima 新星Alt凝聚光（otf'）；
字体大小：正常；
字体风格：普通；
}
@字体{
字体系列：“Proxima Nova”；
src:url（'http://blog.padthaiwokbar.com/content/fonts/Mark 西蒙森-Proxima Nova Thin.otf'）；
字号：100；
字体风格：普通；
}
@字体{
字体系列：“Proxima Nova”；
src:url（'http://blog.padthaiwokbar.com/wp-content/fonts/Mark 西蒙森-Proxima Nova Thin Italic.otf'）；
字号：100；
字体：斜体；
}
@字体{
字体系列：“Proxima Nova”；
src:url（'http://blog.padthaiwokbar.com/wp-co
totalNum.html(currentCalories - calories);

totalNum.text(+(currentCalories - calories).toFixed(1));