Banner

Your Personalized Calorie and Macro Blueprint for Any Destination

THE ULTIMATE MACRO CALCULATOR

Text + image

<h2 style="text-align:center">WHAT ARE "MACROS" </h2>
Macronutrients are the nutrients we need in larger quantities that provide our bodies with energy
In other words, fat, protein and carbohydrates. This differs from micronutrients, which are needed in smaller quantities such as vitamins and minerals

Diet health food concept with a large variety of vegetables, fruit, meat, fish, grain salad and spice with foods high in  protein, antioxidants, dietary fibre, anthocaynins and vitamins. Top view.

POINTERS

Embed

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Macro Calculator</title>
 <style>
 body {
 font-family: Arial, sans-serif;
 }

.main-container {
 display: flex;
 flex-direction: column;
 align-items: center;
}

 </style>
</head>
<body>

<div class="main-container">
 <form id="macroForm">
 
 <label for="gender">Gender:</label>
 <select id="gender" name="gender" required>
 <option value="male">Male</option>
 <option value="female">Female</option>
 </select>
 
 <label for="activityLevel">Activity Level:</label>
 <select id="activityLevel" name="activityLevel" required>
 <option value="1.2">Sedentary (Little or no exercise and a desk job)</option>
 <option value="1.375">Lightly Active (Light exercise 1 to 3 days per week)</option>
 <option value="1.55">Moderately Active (Moderate exercise 3 to 5 days per week)</option>
 <option value="1.725">Very Active (Heavy exercise 6 to 7 days per week)</option>
 <option value="1.9">Extremely Active (Very heavy exercise or a physical job or training twice per day)</option>
 </select>
 

<label for="goal">Goal:</label>
<select id="goal" name="goal" required>
 <option value="gain">Gain Weight</option>
 <option value="lose">Lose Weight</option>
</select>
 
	<label for="age">Age (Years):</label>
 <input type="number" id="age" name="age" min="1" required>
 
 
 <label for="height">Height (Inches):</label>
 <input type="number" id="height" name="height" min="1" required>
 
 
 <label for="weight">Weight (lbs):</label>
 <input type="number" id="weight" name="weight" min="1" required>
 
 
 <label for="length">Length of Bulk/Cut (Weeks):</label>
 <input type="number" id="length" name="length" min="1" required>
 
 
 <label for="weightLossPercent">Weight Change Per Week (%):</label>
 <input type="number" id="weightLossPercent" name="weightLossPercent" min="0" max="100" step="0.01" required>
 
 
 <label for="proteinTarget">Protein Target (Grams per Lb of Bodyweight):</label>
 <input type="number" id="proteinTarget" name="proteinTarget" min="0" max="5" step="0.01" required>
 
 
 <label for="fatTarget">Fat Target (%):</label>
 <input type="number" id="fatTarget" name="fatTarget" min="0" max="100" step="0.01" required>
 


 
 
 <input type="button" value="Calculate" onclick="calculateMacros()">
 </form>
 


 <div id="output" style="display:none;">


 Daily Calories Needed: 

 


Macronutrient Breakdown: 
 Protein (g): 
 Fat (g): 
 Carbs (g): 
 

 Weight Change Goal Per Week (in Lbs): 

 

 Total Calorie Intake Change Per Week (+/-): 

 

 Total Calorie Intake Change Per Day (+/-): 

 

 Basal Metabolic Rate (Calories at Rest): 

 

 Total Daily Energy Expenditure (TDEE): 
 

 Estimated Weight Change During Program (Lbs): 

 

 Body Mass Index (BMI): 
 </div>
</div>

 <script>


 function calculateMacros() {
 // Inputs
 const age = parseFloat(document.getElementById('age').value);
 const height = parseFloat(document.getElementById('height').value);
 const weight = parseFloat(document.getElementById('weight').value);
 const weightLossPercent = parseFloat(document.getElementById('weightLossPercent').value) / 100;
 const activityLevel = parseFloat(document.getElementById('activityLevel').value);
 const gender = document.getElementById('gender').value;
 const weightInKg = weight * 0.453592;
 const heightInCm = height * 2.54;
const goal = document.getElementById('goal').value;



 // Outputs
 const weightChangeGoal = goal === "lose" ? weight * weightLossPercent : weight * (weightLossPercent);
 const calorieGoalPerWeek = weightChangeGoal * 3500;
 const calorieGoalPerDay = calorieGoalPerWeek / 7;

 let bmr;
 if (gender === "male") {
 bmr = (9.99 * weightInKg) + (6.25 * heightInCm) - (4.92 * age) + 5;
 } else {
 bmr = (9.99 * weightInKg) + (6.25 * heightInCm) - (4.92 * age) - 161;
 }

 const tdee = bmr * activityLevel;

 const dailyCalories = goal === "lose" ? tdee - calorieGoalPerDay : tdee + calorieGoalPerDay;

 document.getElementById('weightChangeGoal').textContent = weightChangeGoal.toFixed(2);
 document.getElementById('calorieGoalPerWeek').textContent = calorieGoalPerWeek.toFixed(0);
 document.getElementById('calorieGoalPerDay').textContent = calorieGoalPerDay.toFixed(0);
 document.getElementById('bmr').textContent = bmr.toFixed(0);
 document.getElementById('tdee').textContent = tdee.toFixed(0);


 const proteinTarget = parseFloat(document.getElementById('proteinTarget').value);
 const proteinGrams = proteinTarget * weight;
 const fatTarget = parseFloat(document.getElementById('fatTarget').value) / 100;
 const fatGrams = fatTarget * dailyCalories / 9;
 const carbsGrams = (dailyCalories - (proteinGrams * 4) - (fatGrams * 9)) / 4;
 const length = parseFloat(document.getElementById('length').value);
 const estimatedWeightChange = weightChangeGoal * length;
 const bmi = (703 * weight) / (height * height);

 document.getElementById('dailyCalories').textContent = dailyCalories.toFixed(0);
 document.getElementById('proteinGrams').textContent = proteinGrams.toFixed(0);
 document.getElementById('fatGrams').textContent = fatGrams.toFixed(0);
 document.getElementById('carbsGrams').textContent = carbsGrams.toFixed(0);
 document.getElementById('estimatedWeightChange').textContent = estimatedWeightChange.toFixed(0);
 document.getElementById('bmi').textContent = bmi.toFixed(0);

 document.getElementById('output').style.display = 'block';

 // const dailyCaloriesOutput = document.createElement("p");
 // dailyCaloriesOutput.textContent = "Daily Calories: " + dailyCalories.toFixed(2);
 // document.body.insertBefore(dailyCaloriesOutput, document.getElementById("outputTable"));

 }
 </script>

</body>
</html>

Text

**Quick Note - If Calculate Button doesn't work, please refresh the page. We are working to resolve this issue ASAP. Thank you for your understanding.**

<h2 style="text-align:center">NOTES ABOUT RESULTS</h2>
Your Total Daily Energy Expenditure, TDEE, also known as "maintenance calories" varies depending on activity level. The lower the activity level, the lower the amount of calories your body requires per day.
Body Mass Index (BMI) Ranges Below:
Under 18.5 – This is described as underweight.
Between 18.5 and 24.9 – This is described as the 'healthy range'.
Between 25 and 29.9 – This is described as overweight.
Between 30 and 39.9 – This is described as obesity.
40 or over – This is described as severe obesity.

<h2 style="text-align:center">NOW WHAT? </h2>
Find Recipes That Fit In Your Daily Macro Budget And Start Tracking
Lucky for you, we have an all-in-one platform that offers:
<ul style="list-style-type:circle">
<li style="text-align:left">Digital Cookbook with 100's of Easily Trackable Recipes</li>
<li style="text-align:left">Digital Nutrition Tracking with Barcode Scanning</li>
<li style="text-align:left">30+ Travel-Ready Workouts Guided Dumbbell Routines</li>
<li style="text-align:left">Guided Mobility Routines</li>
<li style="text-align:left">Exercise Progress Tracking</li>
<li style="text-align:left">Digitized Bodyweight Tracking</li>
<li style="text-align:left">Digitized Progress Photo Tracking</li>
<li style="text-align:left">Smart Device Sync (Apple Watch, Apple Health, FitBit, Withings Smart Scale, Garmin, Whoop)</li>
<li style="text-align:left">30 Day Money Back Guarantee</li>
</ul>
<h3 style="text-align:center">JUST $0.96 PER DAY AFTER </h3>