Calculate Heart Rate Exercise

Heart Rate Zone Calculator

Understanding your target heart rate zones during exercise is crucial for optimizing your workouts, whether you're aiming for general fitness, fat burning, or peak performance. This calculator helps you determine your personal heart rate zones based on your age.

function calculateHeartRateZones() { var ageInput = document.getElementById("age"); var resultDiv = document.getElementById("result"); // Clear previous results resultDiv.innerHTML = ""; // Validate input if (ageInput.value === "" || isNaN(ageInput.value) || ageInput.value < 0) { resultDiv.innerHTML = "Please enter a valid age."; return; } var age = parseFloat(ageInput.value); // Maximum Heart Rate Calculation (220 – age) var maxHeartRate = 220 – age; // Heart Rate Zones Calculation // Zone 1: Very Light (50-60% of Max HR) var zone1_min = maxHeartRate * 0.50; var zone1_max = maxHeartRate * 0.60; // Zone 2: Light (60-70% of Max HR) var zone2_min = maxHeartRate * 0.60; var zone2_max = maxHeartRate * 0.70; // Zone 3: Moderate (70-80% of Max HR) var zone3_min = maxHeartRate * 0.70; var zone3_max = maxHeartRate * 0.80; // Zone 4: Hard (80-90% of Max HR) var zone4_min = maxHeartRate * 0.80; var zone4_max = maxHeartRate * 0.90; // Zone 5: Maximum (90-100% of Max HR) var zone5_min = maxHeartRate * 0.90; var zone5_max = maxHeartRate * 1.00; // Display Results var output = "

Your Target Heart Rate Zones:

"; output += "Maximum Heart Rate: " + Math.round(maxHeartRate) + " bpm"; output += "

Zone 1: Very Light (Warm-up/Cool-down)

"; output += "" + Math.round(zone1_min) + " – " + Math.round(zone1_max) + " bpm (50-60% of Max HR)"; output += "

Zone 2: Light (Endurance/Fat Burning)

"; output += "" + Math.round(zone2_min) + " – " + Math.round(zone2_max) + " bpm (60-70% of Max HR)"; output += "

Zone 3: Moderate (Aerobic/Fitness)

"; output += "" + Math.round(zone3_min) + " – " + Math.round(zone3_max) + " bpm (70-80% of Max HR)"; output += "

Zone 4: Hard (Anaerobic Threshold)

"; output += "" + Math.round(zone4_min) + " – " + Math.round(zone4_max) + " bpm (80-90% of Max HR)"; output += "

Zone 5: Maximum (Peak Effort)

"; output += "" + Math.round(zone5_min) + " – " + Math.round(zone5_max) + " bpm (90-100% of Max HR)"; resultDiv.innerHTML = output; } .calculator-container { font-family: sans-serif; border: 1px solid #ccc; padding: 20px; border-radius: 8px; max-width: 500px; margin: 20px auto; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .calculator-container h2 { text-align: center; margin-bottom: 15px; color: #333; } .calculator-container p { line-height: 1.6; color: #555; } .input-section { margin-bottom: 15px; } .input-section label { display: block; margin-bottom: 5px; font-weight: bold; color: #444; } .input-section input[type="number"] { width: calc(100% – 12px); padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .calculator-container button { display: block; width: 100%; padding: 10px 15px; background-color: #007bff; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; } .calculator-container button:hover { background-color: #0056b3; } #result { margin-top: 20px; border-top: 1px solid #eee; padding-top: 15px; } #result h3, #result h4 { margin-top: 10px; margin-bottom: 5px; color: #007bff; } #result p { margin-bottom: 10px; }

Leave a Comment