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

<script>
    document.getElementById("calculateButton").addEventListener("click", function () {
        // Get selected activity and duration
        const activity = document.getElementById("activity").value;
        const duration = parseFloat(document.getElementById("duration").value);

        // Define calorie per minute values for different activities
        const caloriePerMinute = {
            running: 10,
            cycling: 8,
            swimming: 7,
            walking: 4,
            jump_rope: 12,
            yoga: 2.5,
            dancing: 6,
            gardening: 3.5,
            house_cleaning: 3,
            // Add more activities and calorie values here
        };

        // Calculate calories burned
        const caloriesBurned = caloriePerMinute[activity] * duration;

        // Display the result
        const resultElement = document.getElementById("result");
        resultElement.innerHTML = `You burned approximately ${caloriesBurned.toFixed(2)} calories during ${duration} minutes of ${activity}.`;
    });
</script>