Body Fat vs Weight Calculator

Body Fat vs Weight Calculator: Understand Your Composition :root { –primary-color: #004a99; –success-color: #28a745; –background-color: #f8f9fa; –text-color: #333; –border-color: #ddd; –card-background: #fff; –shadow: 0 2px 5px rgba(0,0,0,0.1); } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(–background-color); color: var(–text-color); line-height: 1.6; margin: 0; padding: 0; } .container { max-width: 960px; margin: 20px auto; padding: 20px; background-color: var(–card-background); border-radius: 8px; box-shadow: var(–shadow); } header { background-color: var(–primary-color); color: white; padding: 20px 0; text-align: center; margin-bottom: 20px; border-radius: 8px 8px 0 0; } header h1 { margin: 0; font-size: 2.2em; } .calculator-section { margin-bottom: 30px; padding: 25px; border: 1px solid var(–border-color); border-radius: 8px; background-color: var(–card-background); box-shadow: var(–shadow); } .calculator-section h2 { color: var(–primary-color); text-align: center; margin-top: 0; margin-bottom: 20px; } .input-group { margin-bottom: 15px; display: flex; flex-direction: column; } .input-group label { display: block; margin-bottom: 8px; font-weight: bold; color: var(–primary-color); } .input-group input[type="number"], .input-group select { width: 100%; padding: 10px; border: 1px solid var(–border-color); border-radius: 4px; box-sizing: border-box; font-size: 1em; } .input-group .helper-text { font-size: 0.85em; color: #666; margin-top: 5px; } .error-message { color: #dc3545; font-size: 0.85em; margin-top: 5px; display: none; /* Hidden by default */ } .button-group { display: flex; justify-content: space-between; margin-top: 20px; gap: 10px; } .button-group button { padding: 12px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 1em; font-weight: bold; transition: background-color 0.3s ease; } #calculateBtn, #copyResultsBtn { background-color: var(–primary-color); color: white; } #calculateBtn:hover, #copyResultsBtn:hover { background-color: #003366; } #resetBtn { background-color: #6c757d; color: white; } #resetBtn:hover { background-color: #5a6268; } #results-container { margin-top: 25px; padding: 20px; border: 1px solid var(–border-color); border-radius: 8px; background-color: var(–card-background); box-shadow: var(–shadow); text-align: center; } #results-container h3 { color: var(–primary-color); margin-top: 0; } .primary-result { font-size: 2.5em; font-weight: bold; color: var(–success-color); margin: 15px 0; padding: 10px; background-color: #e9ecef; border-radius: 5px; display: inline-block; } .intermediate-results div { margin-bottom: 10px; font-size: 1.1em; } .intermediate-results span { font-weight: bold; color: var(–primary-color); } .formula-explanation { font-size: 0.9em; color: #555; margin-top: 15px; padding-top: 15px; border-top: 1px dashed var(–border-color); } table { width: 100%; border-collapse: collapse; margin-top: 20px; box-shadow: var(–shadow); } th, td { padding: 12px 15px; text-align: left; border: 1px solid var(–border-color); } thead { background-color: var(–primary-color); color: white; } tbody tr:nth-child(even) { background-color: #f2f2f2; } caption { font-size: 1.1em; font-weight: bold; color: var(–primary-color); margin-bottom: 10px; text-align: left; } canvas { margin-top: 20px; border: 1px solid var(–border-color); border-radius: 4px; background-color: var(–card-background); } .article-section { margin-top: 30px; padding: 25px; border: 1px solid var(–border-color); border-radius: 8px; background-color: var(–card-background); box-shadow: var(–shadow); } .article-section h2, .article-section h3 { color: var(–primary-color); margin-bottom: 15px; } .article-section h2 { text-align: center; margin-top: 0; } .article-section p, .article-section ul, .article-section ol { margin-bottom: 15px; } .article-section li { margin-bottom: 8px; } .faq-item { margin-bottom: 15px; padding: 10px; border-left: 3px solid var(–primary-color); background-color: #fdfdfd; } .faq-item strong { color: var(–primary-color); } .internal-links-section ul { list-style: none; padding: 0; } .internal-links-section li { margin-bottom: 10px; } .internal-links-section a { color: var(–primary-color); text-decoration: none; font-weight: bold; } .internal-links-section a:hover { text-decoration: underline; } .internal-links-section span { font-size: 0.9em; color: #555; display: block; margin-top: 3px; } .highlight { background-color: yellow; font-weight: bold; } .error { border-color: #dc3545 !important; }

Body Fat vs Weight Calculator

Understand Your Body Composition Accurately

Body Fat & Weight Analysis

Enter your current weight in kilograms (kg).
Enter your height in centimeters (cm).
Enter your age in years.
Male Female Select your gender for more accurate calculations.
Enter your waist circumference in centimeters (cm).
Enter your hip circumference in centimeters (cm). Only needed for females.
Enter your neck circumference in centimeters (cm).

Your Body Composition Analysis

Lean Body Mass: kg
Fat Mass: kg
Basal Metabolic Rate (BMR): kcal/day
Formula Used: This calculator uses a combination of common formulas like the U.S. Navy Method (for circumference-based estimation) and the Mifflin-St Jeor Equation (for BMR), adjusted for body composition. The primary body fat percentage is derived from these inputs.
Body Fat Percentage vs. Weight Trend
Body Composition Metrics
Metric Value Unit
Current Weight kg
Lean Body Mass kg
Fat Mass kg
Body Fat Percentage %
Basal Metabolic Rate (BMR) kcal/day

What is Body Fat vs Weight Analysis?

A body fat vs weight calculator is a tool designed to help individuals understand not just their total body weight, but more importantly, their body composition. It differentiates between lean body mass (muscles, bones, organs, water) and fat mass. While weight alone can be a misleading indicator of health, body fat percentage provides a more nuanced view of an individual's fitness level, metabolic health, and potential health risks associated with excess body fat. This analysis is crucial for anyone looking to improve their health, manage weight effectively, or optimize athletic performance.

Who should use it? Anyone interested in their health and fitness, including:

  • Individuals aiming for weight loss or muscle gain.
  • Athletes seeking to optimize body composition for performance.
  • People concerned about health risks associated with obesity.
  • Those who want a deeper understanding of their body beyond the number on the scale.

Common misconceptions:

  • "Losing weight always means losing fat." Not necessarily. Rapid weight loss can sometimes include significant loss of lean muscle mass, which is detrimental to metabolism and overall health.
  • "Being thin means being healthy." It's possible to have a normal weight but a high body fat percentage (sometimes called "skinny fat"), indicating poor metabolic health.
  • "All body fat is bad." Essential body fat is necessary for hormone production, insulation, and nutrient absorption. The focus should be on reducing excess body fat, not eliminating it entirely.

Body Fat vs Weight Calculator Formula and Mathematical Explanation

Calculating body fat percentage accurately can be complex, as different methods yield slightly different results. Our body fat vs weight calculator employs a multi-faceted approach, often combining circumference measurements with height, age, and gender to estimate body fat. A common method for circumference-based estimation is the U.S. Navy method, which is adapted here.

Core Calculation Steps:

  1. Calculate Lean Body Mass (LBM) and Fat Mass (FM): Using inputs like weight, height, age, gender, and circumference measurements (neck, waist, hip for women), an estimated body fat percentage is derived.
  2. Body Fat Percentage (BF%): This is the primary output, representing the proportion of your total weight that is fat.
  3. Fat Mass (FM): Calculated as Weight * (BF% / 100).
  4. Lean Body Mass (LBM): Calculated as Weight - Fat Mass.
  5. Basal Metabolic Rate (BMR): Often estimated using the Mifflin-St Jeor equation, which requires weight, height, age, and gender. The formula for men is: (10 * weight in kg) + (6.25 * height in cm) - (5 * age in years) + 5. For women: (10 * weight in kg) + (6.25 * height in cm) - (5 * age in years) - 161.

Variable Explanations:

Variables Used in Calculation
Variable Meaning Unit Typical Range
Weight Total body mass. kg 20 – 500+
Height Body stature. cm 50 – 250
Age Years since birth. Years 1 – 120
Gender Biological sex. Categorical Male / Female
Waist Circumference Measurement around the narrowest part of the torso. cm 40 – 200+
Hip Circumference Measurement around the widest part of the hips (primarily for females). cm 60 – 200+
Neck Circumference Measurement around the base of the neck. cm 20 – 70+

Practical Examples (Real-World Use Cases)

Understanding how a body fat vs weight calculator works in practice is key. Here are a couple of scenarios:

Example 1: John, the Fitness Enthusiast

Inputs:

  • Weight: 85 kg
  • Height: 180 cm
  • Age: 35 years
  • Gender: Male
  • Waist: 95 cm
  • Neck: 40 cm

Calculation (Simplified U.S. Navy Method for Men):

Body Fat % = 495 / (1.0324 - 0.19077 * log10(Waist - Neck) + 0.15456 * log10(Height)) - 450

Let's assume the calculator yields approximately 22% body fat.

Outputs:

  • Body Fat Percentage: 22%
  • Fat Mass: 85 kg * 0.22 = 18.7 kg
  • Lean Body Mass: 85 kg – 18.7 kg = 66.3 kg
  • BMR (Mifflin-St Jeor for Men): (10 * 85) + (6.25 * 180) – (5 * 35) + 5 = 850 + 1125 – 175 + 5 = 1805 kcal/day

Interpretation: John's weight of 85kg might seem average, but his 22% body fat suggests he has a moderate amount of excess fat. His lean body mass is healthy, but focusing on reducing fat mass through diet and exercise could improve his overall health and physique.

Example 2: Sarah, Aiming for Weight Loss

Inputs:

  • Weight: 70 kg
  • Height: 165 cm
  • Age: 28 years
  • Gender: Female
  • Waist: 80 cm
  • Hip: 105 cm
  • Neck: 35 cm

Calculation (Simplified U.S. Navy Method for Women):

Body Fat % = 495 / (1.29579 - 0.35004 * log10(Waist + Hip - Neck) + 0.22100 * log10(Height)) - 450

Let's assume the calculator yields approximately 30% body fat.

Outputs:

  • Body Fat Percentage: 30%
  • Fat Mass: 70 kg * 0.30 = 21 kg
  • Lean Body Mass: 70 kg – 21 kg = 49 kg
  • BMR (Mifflin-St Jeor for Women): (10 * 70) + (6.25 * 165) – (5 * 28) – 161 = 700 + 1031.25 – 140 – 161 = 1430.25 kcal/day

Interpretation: Sarah's weight of 70kg at 165cm might be within a "normal" BMI range, but her 30% body fat indicates she carries more fat than is considered optimal for health. Her goal should be to reduce fat mass while preserving lean mass, aiming for a lower body fat percentage.

How to Use This Body Fat vs Weight Calculator

Using our body fat vs weight calculator is straightforward. Follow these steps to get your body composition analysis:

  1. Gather Your Measurements: You will need a measuring tape. Ensure you are measuring accurately:
    • Weight: Use a calibrated scale.
    • Height: Stand straight against a wall and mark the top of your head.
    • Waist: Measure at the narrowest point of your torso, usually just above the navel.
    • Hip (Females): Measure around the widest part of your hips.
    • Neck: Measure around the base of your neck, below the Adam's apple.
  2. Enter Your Data: Input your current weight (kg), height (cm), age (years), gender, and the relevant circumference measurements into the fields provided.
  3. Click Calculate: Once all information is entered, click the "Calculate" button.
  4. Review Your Results: The calculator will display your estimated Body Fat Percentage, Lean Body Mass, Fat Mass, and Basal Metabolic Rate (BMR).

How to read results:

  • Body Fat Percentage: This is the most critical number. Compare it to general health guidelines (e.g., for women, 21-33% is often considered healthy; for men, 8-19%). Note that these ranges can vary based on age and fitness level.
  • Lean Body Mass: This represents your "active" tissue. Higher LBM generally correlates with a faster metabolism.
  • Fat Mass: The actual amount of fat in your body. Your goal is often to reduce this.
  • BMR: The number of calories your body burns at rest. This is a baseline for understanding your daily caloric needs.

Decision-making guidance:

  • High Body Fat: Focus on a combination of cardiovascular exercise and strength training, alongside a calorie-controlled, nutrient-dense diet.
  • Low Body Fat (and low weight): Ensure you are consuming enough calories and nutrients to maintain muscle mass and overall health.
  • Weight Fluctuations: Use the calculator periodically to track changes in body fat percentage, not just weight. A stable or increasing LBM while fat mass decreases is a positive sign.

Key Factors That Affect Body Fat vs Weight Results

Several factors influence the accuracy and interpretation of your body fat vs weight calculator results. Understanding these nuances is vital:

  1. Measurement Accuracy: Inconsistent or incorrect circumference measurements are the most common source of error. Ensure the tape measure is snug but not digging into the skin, and measure at the correct anatomical points.
  2. Hydration Levels: Dehydration can temporarily affect body weight and potentially skew circumference measurements, leading to slightly inaccurate body fat estimations.
  3. Body Fat Distribution: Genetics and hormones influence where fat is stored. Circumference methods might not perfectly capture localized fat deposits.
  4. Muscle Mass: Very muscular individuals might have higher weights and circumferences that could lead to an overestimation of body fat by some formulas if not calibrated for high muscle density.
  5. Age: Metabolic rate and body composition naturally change with age. Our calculator uses age to refine BMR estimates.
  6. Gender Differences: Biological differences in hormone profiles and body fat distribution necessitate different calculation adjustments for males and females.
  7. Recent Exercise or Food Intake: Performing measurements immediately after intense exercise or a large meal can temporarily alter readings.

Frequently Asked Questions (FAQ)

Q1: How accurate is this calculator compared to other methods?
A: This calculator provides an estimate based on common formulas. Methods like DEXA scans or hydrostatic weighing are considered more accurate but are less accessible. For general tracking, this tool is very useful.
Q2: Can I use this calculator if I'm pregnant?
A: No, pregnancy significantly alters body weight, fluid balance, and measurements. This calculator is not suitable for pregnant individuals.
Q3: What is considered a "healthy" body fat percentage?
A: General guidelines suggest:
  • Men: Athletes (6-13%), Fitness (14-17%), Average (18-24%), Obese (25%+)
  • Women: Athletes (14-20%), Fitness (21-24%), Average (25-31%), Obese (32%+)
These are ranges and individual health should be assessed by a professional.
Q4: My weight hasn't changed, but my body fat percentage has decreased. Why?
A: This is a positive sign! It means you've likely lost fat mass and gained or maintained lean body mass (muscle). This indicates successful body recomposition.
Q5: Does the calculator account for muscle mass directly?
A: Indirectly. By calculating Lean Body Mass (which includes muscle, bone, organs, etc.), it helps differentiate between fat and non-fat components. However, it doesn't measure muscle mass specifically.
Q6: What if my hip measurement is difficult to take?
A: For women, the hip measurement is important for the U.S. Navy formula. Try to find the widest point around your buttocks and hips. If unsure, re-measure carefully or consult a guide.
Q7: Can I track my progress over time using this calculator?
A: Yes! Consistently use the calculator (under similar conditions, e.g., same time of day, same hydration level) to monitor changes in your body fat percentage and composition.
Q8: Should I focus more on weight loss or fat loss?
A: For health and sustainable results, focus on fat loss. Losing weight rapidly often includes muscle loss, which can negatively impact metabolism and long-term health. This calculator helps prioritize fat loss.

Related Tools and Internal Resources

© 2023 Your Website Name. All rights reserved. This calculator provides estimates for informational purposes only. Consult a healthcare professional for personalized advice.
var chartInstance = null; // Global variable to hold chart instance function validateInput(id, errorId, min, max, unit) { var input = document.getElementById(id); var errorElement = document.getElementById(errorId); var value = parseFloat(input.value); var isValid = true; errorElement.style.display = 'none'; input.classList.remove('error'); if (isNaN(value) || input.value.trim() === "") { errorElement.textContent = "This field is required."; errorElement.style.display = 'block'; input.classList.add('error'); isValid = false; } else if (value max) { errorElement.textContent = "Please enter a valid number between " + min + " " + unit + " and " + max + " " + unit + "."; errorElement.style.display = 'block'; input.classList.add('error'); isValid = false; } return isValid; } function calculateBodyFat() { var weight = parseFloat(document.getElementById('weight').value); var height = parseFloat(document.getElementById('height').value); var age = parseFloat(document.getElementById('age').value); var gender = document.getElementById('gender').value; var waist = parseFloat(document.getElementById('waist').value); var hip = parseFloat(document.getElementById('hip').value); var neck = parseFloat(document.getElementById('neck').value); var allValid = true; allValid = validateInput('weight', 'weightError', 20, 500, 'kg') && allValid; allValid = validateInput('height', 'heightError', 50, 250, 'cm') && allValid; allValid = validateInput('age', 'ageError', 1, 120, 'years') && allValid; allValid = validateInput('waist', 'waistError', 40, 200, 'cm') && allValid; allValid = validateInput('neck', 'neckError', 20, 70, 'cm') && allValid; if (gender === 'female') { allValid = validateInput('hip', 'hipError', 60, 200, 'cm') && allValid; } else { document.getElementById('hip').classList.remove('error'); document.getElementById('hipError').style.display = 'none'; } if (!allValid) { document.getElementById('bodyFatResult').textContent = '–'; document.getElementById('leanMassResult').querySelector('span').textContent = '–'; document.getElementById('fatMassResult').querySelector('span').textContent = '–'; document.getElementById('bmrResult').querySelector('span').textContent = '–'; updateTable('–', '–', '–', '–', '–'); return; } var bodyFatPercentage = 0; var leanBodyMass = 0; var fatMass = 0; var bmr = 0; // U.S. Navy Method (adapted) if (gender === 'male') { var logWaistMinusNeck = Math.log10(waist – neck); var logHeight = Math.log10(height); bodyFatPercentage = 495 / (1.0324 – 0.19077 * logWaistMinusNeck + 0.15456 * logHeight) – 450; } else { // female var logWaistPlusHipMinusNeck = Math.log10(waist + hip – neck); var logHeight = Math.log10(height); bodyFatPercentage = 495 / (1.29579 – 0.35004 * logWaistPlusHipMinusNeck + 0.22100 * logHeight) – 450; } // Ensure body fat percentage is within reasonable bounds if (bodyFatPercentage 60) bodyFatPercentage = 60; fatMass = weight * (bodyFatPercentage / 100); leanBodyMass = weight – fatMass; // Mifflin-St Jeor Equation for BMR if (gender === 'male') { bmr = (10 * weight) + (6.25 * height) – (5 * age) + 5; } else { // female bmr = (10 * weight) + (6.25 * height) – (5 * age) – 161; } document.getElementById('bodyFatResult').textContent = bodyFatPercentage.toFixed(1) + '%'; document.getElementById('leanMassResult').querySelector('span').textContent = leanBodyMass.toFixed(1); document.getElementById('fatMassResult').querySelector('span').textContent = fatMass.toFixed(1); document.getElementById('bmrResult').querySelector('span').textContent = bmr.toFixed(0); updateTable(weight.toFixed(1), leanBodyMass.toFixed(1), fatMass.toFixed(1), bodyFatPercentage.toFixed(1) + '%', bmr.toFixed(0)); updateChart(bodyFatPercentage, weight); document.getElementById('chartContainer').style.display = 'block'; } function updateTable(weightVal, leanMassVal, fatMassVal, bodyFatVal, bmrVal) { document.getElementById('tableWeight').textContent = weightVal; document.getElementById('tableLeanMass').textContent = leanMassVal; document.getElementById('tableFatMass').textContent = fatMassVal; document.getElementById('tableBodyFat').textContent = bodyFatVal; document.getElementById('tableBMR').textContent = bmrVal; } function updateChart(bodyFat, weight) { var ctx = document.getElementById('bodyFatChart').getContext('2d'); // Destroy previous chart instance if it exists if (chartInstance) { chartInstance.destroy(); } // Store historical data (simple approach for demonstration) if (!window.historicalData) { window.historicalData = []; } window.historicalData.push({ weight: weight, bodyFat: bodyFat }); // Limit data points to avoid clutter (e.g., last 10) if (window.historicalData.length > 10) { window.historicalData.shift(); } var labels = window.historicalData.map(function(data, index) { return 'Point ' + (index + 1); }); var weights = window.historicalData.map(function(data) { return data.weight; }); var bodyFats = window.historicalData.map(function(data) { return data.bodyFat; }); chartInstance = new Chart(ctx, { type: 'line', data: { labels: labels, datasets: [{ label: 'Weight (kg)', data: weights, borderColor: 'rgb(75, 192, 192)', tension: 0.1, fill: false, yAxisID: 'y-axis-weight' }, { label: 'Body Fat (%)', data: bodyFats, borderColor: 'rgb(255, 99, 132)', tension: 0.1, fill: false, yAxisID: 'y-axis-fat' }] }, options: { responsive: true, maintainAspectRatio: false, scales: { x: { title: { display: true, text: 'Measurement Points' } }, 'y-axis-weight': { type: 'linear', position: 'left', title: { display: true, text: 'Weight (kg)' }, grid: { drawOnChartArea: false, // only want the grid lines for one axis to show up } }, 'y-axis-fat': { type: 'linear', position: 'right', title: { display: true, text: 'Body Fat (%)' }, // grid line settings for the second axis grid: { drawOnChartArea: true, } } } } }); } function copyResults() { var bodyFat = document.getElementById('bodyFatResult').textContent; var leanMass = document.getElementById('leanMassResult').querySelector('span').textContent; var fatMass = document.getElementById('fatMassResult').querySelector('span').textContent; var bmr = document.getElementById('bmrResult').querySelector('span').textContent; var weight = document.getElementById('weight').value; var height = document.getElementById('height').value; var age = document.getElementById('age').value; var gender = document.getElementById('gender').value; var waist = document.getElementById('waist').value; var hip = document.getElementById('hip').value; var neck = document.getElementById('neck').value; var resultsText = "— Body Fat vs Weight Calculator Results —\n\n"; resultsText += "Inputs:\n"; resultsText += "Weight: " + weight + " kg\n"; resultsText += "Height: " + height + " cm\n"; resultsText += "Age: " + age + " years\n"; resultsText += "Gender: " + gender + "\n"; resultsText += "Waist: " + waist + " cm\n"; if (gender === 'female') { resultsText += "Hip: " + hip + " cm\n"; } resultsText += "Neck: " + neck + " cm\n\n"; resultsText += "Analysis:\n"; resultsText += "Body Fat Percentage: " + bodyFat + "\n"; resultsText += "Lean Body Mass: " + leanMass + " kg\n"; resultsText += "Fat Mass: " + fatMass + " kg\n"; resultsText += "Basal Metabolic Rate (BMR): " + bmr + " kcal/day\n\n"; resultsText += "Formula Used: U.S. Navy Method (Circumference-based) & Mifflin-St Jeor (BMR)"; navigator.clipboard.writeText(resultsText).then(function() { alert('Results copied to clipboard!'); }).catch(function(err) { console.error('Failed to copy results: ', err); alert('Failed to copy results. Please copy manually.'); }); } function resetCalculator() { document.getElementById('weight').value = '75'; document.getElementById('height').value = '175'; document.getElementById('age').value = '30'; document.getElementById('gender').value = 'male'; document.getElementById('waist').value = '90'; document.getElementById('hip').value = '100'; document.getElementById('neck').value = '38'; // Clear errors document.getElementById('weightError').style.display = 'none'; document.getElementById('heightError').style.display = 'none'; document.getElementById('ageError').style.display = 'none'; document.getElementById('waistError').style.display = 'none'; document.getElementById('hipError').style.display = 'none'; document.getElementById('neckError').style.display = 'none'; document.getElementById('weight').classList.remove('error'); document.getElementById('height').classList.remove('error'); document.getElementById('age').classList.remove('error'); document.getElementById('waist').classList.remove('error'); document.getElementById('hip').classList.remove('error'); document.getElementById('neck').classList.remove('error'); // Clear results document.getElementById('bodyFatResult').textContent = '–'; document.getElementById('leanMassResult').querySelector('span').textContent = '–'; document.getElementById('fatMassResult').querySelector('span').textContent = '–'; document.getElementById('bmrResult').querySelector('span').textContent = '–'; updateTable('–', '–', '–', '–', '–'); document.getElementById('chartContainer').style.display = 'none'; if (window.historicalData) { window.historicalData = []; } if (chartInstance) { chartInstance.destroy(); chartInstance = null; } } // Initial calculation on load if default values are present document.addEventListener('DOMContentLoaded', function() { // Check if default values are set and calculate if (document.getElementById('weight').value && document.getElementById('height').value && document.getElementById('age').value) { calculateBodyFat(); } // Ensure chart container is hidden initially if no data document.getElementById('chartContainer').style.display = 'none'; }); // Add event listeners for real-time updates var inputs = document.querySelectorAll('#calculatorForm input[type="number"], #calculatorForm select'); inputs.forEach(function(input) { input.addEventListener('input', calculateBodyFat); input.addEventListener('change', calculateBodyFat); // For select elements });

Leave a Comment