Carbohydrate Intake Calculator

Carbohydrate Calculator body { font-family: Arial, sans-serif; background-color: lightgray; } h1 { color: black; text-align: center; font-size: 32px; text-transform: uppercase; } #carb-calculator { width: 400px; margin: 0 auto; text-align: left; border: 2px solid blue; border-radius: 5px; box-shadow: 0 0 10px gray; padding: 20px; } #carb-calculator label { display: block; margin: 10px 0; font-weight: bold; font-size: 18px; } #carb-calculator input[type="number"] { width: 60px; } #carb-calculator select { width: 100%; font-size: 16px; padding: 10px; border: 1px solid gray; border-radius: 5px; } #carb-calculator button { font-size: 18px; padding: 10px 20px; border: none; border-radius: 5px; background-color: blue; color: white; cursor: pointer; } #carb-calculator button:hover { background-color: darkblue; } #carb-calculator button:active { background-color: navy; } #result { font-weight: bold; text-align: center; margin: 20px 0; font-size: 18px; } @media (max-width: 600px) { #carb-calculator { width: 90%; } } Carbohydrate Intake Calculator Enter your weight in pounds and your activity level to calculate your daily carbohydrate needs: Weight (lbs): Activity Level: Sedentary (little or no exercise) Lightly active (light exercise/sports 1-3 days/week) Moderately active (moderate exercise/sports 3-5 days/week) Very active (hard exercise/sports 6-7 days a week) Extra active (very hard exercise/sports & physical job or 2x training) Calculate function calculateCarbs() { // Get values from form var weight = document.getElementById("weight").value; var activityLevel = document.getElementById("activity-level").value; // Calculate daily carbohydrate needs var carbNeeds = weight * activityLevel; // Display result document.getElementById("result").innerHTML = "Your daily carbohydrate needs are approximately " + carbNeeds + " grams."; }

Carbohydrate Intake Calculator

Subscribe