Healthy Eating Evangelist

Ideal Body Weight Calculator /* Add some basic styling to the page */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } h1 { text-align: center; margin: 20px 0; } form { max-width: 500px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 10px; } label { display: block; margin-bottom: 10px; } input[type="number"] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; } select { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; } button { width: 100%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #45a049; } #result { margin: 20px 0; padding: 20px; border: 1px solid #ccc; border-radius: 10px; text-align: center; } Ideal Body Weight Calculator Use this calculator to determine your ideal body weight based on your height and gender. Simply enter your height in centimeters and select your gender to get started. Height (cm): Gender: Male Female Calculate // Get the form element const form = document.getElementById('calculator-form'); // Get the result div const resultDiv = document.getElementById('result'); // Add a submit event listener to the form form.addEventListener('submit', (e) = { // Prevent the default form submission behavior e.preventDefault(); // Get the height value from the form const height = document.getElementById('height').value; // Get the selected gender value from the form const gender = document.getElementById('gender').value; // Calculate the ideal body weight based on the height and gender let idealWeight; if (gender === 'male') { idealWeight = 50 + (2.3 * ((height / 2.54) - 60)); } else { idealWeight = 45.5 + (2.3 * ((height / 2.54) - 60)); } // Display the result in the result div resultDiv.innerHTML = `Your ideal body weight is ${idealWeight} kg. `; });

Ideal Body Weight Calculator

Subscribe