我希望您过得愉快，我正在制作一个饮食计算器，可以让您输入您的每日卡路里并在5种饮食中进行选择（每种饮食每天都有一定量的蛋白质，碳水化合物和脂肪），我想要计算器将卡路里的量乘以所选饮食的3个分数，并获得三个元素每天应消耗的3个结果，但是代码不起作用，因此我无法对变量应用if命令，不知道该怎么做，因为我是编码的新手，希望您能对我有所帮助，当您阅读代码时，您会知道计算器的含义，祝您有美好的一天！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title </title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="card">
<div class="card-header text-center" dir="rtl"> اصنع نظامك الغذائي بنفسك </div>
<div class="card-body">
<form class="w-50 m-auto">
<div class="form-group">
<label>: ادخل سعراتك الحرارية اليومية هنا </label>
<input type="number" placeholder="بلاش تحط سكر, كفاية انت" class="form-control" id="calorie" required>
<div class="form-group">
<select id="getdeit" class="form-control"dir="rtl" >
<option> اختر نظامك الغذائي المناسب لهدفك</option>
<option value="lose"> خسارة دهون - 40% بروتين - 40% كارب - 20% دهون </option>
<option value="bulk"> تضخيم - 30% بروتين - 60% كارب - 10% دهون </option>
<option value="shred"> تنشيف - 60% بروتين - 30% كارب - 10% دهون </option>
<option value="eshred"> تنشيف حاد - 70% بروتين - 20% كارب - 10% دهون </option>
<option value="kito"> كيتو دايت - 20% بروتين - 5% كارب - 75% دهون </option>
</select>
</div>
</div>
<div class="form-group">
<label>: البروتين </label>
<output type="number" placeholder="000" class="form-control" id="newprotein" readonly>
</div>
<div class="form-group">
<label>:الكاربوهيدرات</label>
<output type="number" placeholder="000" class="form-control" id="newcarb" readonly>
</div>
<div class="form-group">
<label>: الدهون</label>
<output type="number" placeholder="000" class="form-control" id="newfat" readonly>
</div>
<button type="submit" class="btn btn-success" onclick=" getprotein()">
احصل علي نظامك الغذائي الآن
</button>
<div>
</div>
</form>
</div>
<div class="card-footer text-center"> Test </div>
</div>
</div>
<script>
function protein(){
var calorie = document.getElementById('calorie').value;
var lose = document.getElementById('lose').value=;
var bulk = document.getElementById('bulk').value=;
var shred = document.getElementById('shred').value;
var eshred = document.getElementById('eshred').value;
var kito = document.getElementById('kito').value;
if id ="lose"{
var newprotein = (calorie*0.4)/4
var newcarb = (calorie*0.4)/4
var newfat = (calorie*0.2)/9
}
if id ="bulk"{
var newprotein = (calorie*0.3)/4
var newcarb = (calorie*0.6)/4
var newfat = (calorie*0.1)/9
}
if id ="shred"{
var newprotein = (calorie*0.6)/4
var newcarb = (calorie*0.3)/4
var newfat = (calorie*0.1)/9
}
if id ="eshred"{
var newprotein = (calorie*0.7)/4
var newcarb = (calorie*0.2)/4
var newfat = (calorie*0.1)/9
}
if id ="kito"{
var newprotein = (calorie*0.2)/4
var newcarb = (calorie*0.05)/4
var newfat = (calorie*0.75)/9
}
document.getElementById('protein').value = newprotein;
document.getElementById('carb').value = newcarb;
document.getElementById('fat').value = newfat;
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>
您的if陈述是错误的。您提供的if语句为变量id分配了值lose
有关if-statements和variable assignment的更多信息
解决您的问题
id ="lose"
应该是
id === "lose"