Javascript jQuery卡路里计算器条件
我正在做一个卡路里计算器,想寻求一些帮助。代码如下:Javascript jQuery卡路里计算器条件,javascript,jquery,html,conditional,Javascript,Jquery,Html,Conditional,我正在做一个卡路里计算器,想寻求一些帮助。代码如下: $(文档).ready(函数(){ $('.component')。单击(函数(){ var totalNum=$(“#total”); var totalCarbs=$(“#totalCarbs”); var totalFats=$(“#totalFats”); var totalProteins=$(“#totalProteins”); var pressed=$(this).hasClass('clicked'); var curre
$(文档).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 attr=$(this.attr('vegan');
控制台日志(attr);
if(typeof attr!==typeof undefined&&attr!==false){
$(“#type”).text(“这是纯素食主义者!”)
$('#typeImage').attr(“src”https://upload.wikimedia.org/wikipedia/hi/thumb/b/b2/Veg_symbol.svg/768px-Veg_symbol.svg.png");
}否则{
$(“#type”).text(“这不是素食主义者!”)
$('#typeImage').attr(“src”http://www.hellocurry.com/images/nonveg_icon.png");
}
});
});代码>
padthai wokbar卡路里计数器
你是怎么做碗的?
选择您添加到padthai wokbar套餐中的所有配料,我们将完成其余的工作
基地
米粉
鸡蛋面
粉丝
全麦面条
白米
糙米
蔬菜基地
蛋白质
鸡
猪肉
熏豆腐
牛肉
鸭子
大虾
浇头
蔬菜混合物
腰果
甜椒
木耳菇
蘑菇
菠萝
竹笋
大白菜
酱汁
泰国国语
中国糖醋
缅甸绿咖喱
印度尼西亚-沙泰
老子红咖喱
日本-红烧
额外浇头
烤花生
胡荽
芝麻籽
罗勒
椰子片
甜点
孜然柠檬醋
蜂蜜香菜调味汁
总热量:
总碳水化合物:
总脂肪:
总蛋白质:
给你一个解决方案
$(文档).ready(函数(){
var vegan=真;
$('.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 attr=$(this.attr('vegan');
if(typeof attr!==typeof undefined&&attr!==false){
如果(素食主义者){
$(“#type”).text(“这是素食主义者!”);
$('#typeImage').attr(“src”https://upload.wikimedia.org/wikipedia/hi/thumb/b/b2/Veg_symbol.svg/768px-Veg_symbol.svg.png");
}
}否则{
$(“#type”).text(“这不是素食主义者!”);
纯素=假;
$('#typeImage').attr(“src”http://www.hellocurry.com/images/nonveg_icon.png");
}
});
});代码>
你是怎么做碗的?
选择您添加到padthai wokbar套餐中的所有配料,我们将完成其余的工作
基地
米粉
鸡蛋面
粉丝
全麦面条
白米
$(document).ready(function() {
$('.ingredient').click(function() {
var totalNum = $('#total');
var totalCarbs = $('#totalCarbs');
var totalFats = $('#totalFats');
var totalProteins = $('#totalProteins');
var pressed = $(this).hasClass('clicked');
var currentCalories = +totalNum.html();
var currentCarbs = +totalCarbs.html();
var currentFats = +totalFats.html();
var currentProteins = +totalProteins.html();
if (pressed) {
$(this).removeClass('clicked');
var calories = $(this).data('calories');
var carbs = $(this).data('carbs');
var fat = $(this).data('fat');
+totalNum.html(currentCalories - calories);
+totalCarbs.html(currentCarbs - carbs);
+totalFats.html(currentFats - fat);
+totalProteins.html(currentProteins - proteins);
} else {
$(this).addClass('clicked');
var calories = $(this).data('calories');
var carbs = $(this).data('carbs');
var fat = $(this).data('fat');
var proteins = $(this).data('fat');
+totalNum.html(currentCalories + calories);
+totalCarbs.html(currentCarbs + carbs);
+totalFats.html(currentFats + fat);
+totalProteins.html(currentProteins + fat);
}
var vegan = false;
$(".ingredient.clicked").each(function(){
if(typeof $(this).attr("vegan") != "undefined"){
vegan = true;
}
else {
vegan = false;
return false;
}
});
if(vegan) {
$('#type').text("This is Vegan!");
$('#typeImage').attr("src", "https://upload.wikimedia.org/wikipedia/hi/thumb/b/b2/Veg_symbol.svg/768px-Veg_symbol.svg.png");
}
else {
$('#type').text("This is not Vegan!");
$('#typeImage').attr("src", "http://www.hellocurry.com/images/nonveg_icon.png");
}
});
});