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");
}

});
});