<p id="result"></p>

<script>
    document.getElementById("calculateButton").addEventListener("click", function () {
        // Get user input values
        const gender = document.getElementById("gender").value;
        const age = parseInt(document.getElementById("age").value);
        const weight = parseFloat(document.getElementById("weight").value);
        const activityLevel = document.getElementById("activityLevel").value;
        const weightGoal = document.getElementById("weightGoal").value;

        // Calculate daily calorie needs based on gender
        let dailyCalories;
        if (gender === "male") {
            dailyCalories = 88.362 + (13.397 * weight) + (4.799 * (age)) - (5.677 * age);
        } else if (gender === "female") {
            dailyCalories = 447.593 + (9.247 * weight) + (3.098 * (age)) - (4.330 * age);
        }

        // Adjust daily calories based on activity level
        const activityMultipliers = {
            sedentary: 1.2,
            lightly_active: 1.375,
            moderately_active: 1.55,
            very_active: 1.725,
            super_active: 1.9,
        };
        dailyCalories *= activityMultipliers[activityLevel];

        // Adjust daily calories based on weight goal
        if (weightGoal === "lose") {
            dailyCalories -= 500; // Create a calorie deficit for weight loss
        } else if (weightGoal === "gain") {
            dailyCalories += 500; // Create a calorie surplus for weight gain
        }

        // Display the result
        const resultElement = document.getElementById("result");
        resultElement.innerHTML = `Your estimated daily calorie needs are approximately ${dailyCalories.toFixed(2)} calories.`;
    });
</script>