document.getElementById('calorie-form').addEventListener('submit', function(e){
document.getElementById('results').style.display = 'none';
document.getElementById('loading').style.display = 'block';
setTimeout(calculateCalories, 2000);
e.preventDefault();
});
function calculateCalories(e) {
const age = document.getElementById('age');
const gender = document.querySelector('input[name="customRadioInline1"]:checked');
const weight = document.getElementById('weight');
const height = document.getElementById('height');
const activity = document.getElementById('list').value;
const totalCalories = document.getElementById('total-calories');
if (age.value === '' || weight.value === '' || height.value === '' || 80 < age.value || age.value < 15) {
errorMessage('Please make sure the values you entered are correct')
} else if(gender.id === 'male' && activity === "1") {
totalCalories.value = 1.2 * (66.5 + (13.75 * parseFloat(weight.value)) + (5.003 * parseFloat(height.value)) - (6.755 * parseFloat(age.value)));
} else if(gender.id === 'male' && activity === "2") {
totalCalories.value = 1.375 * (66.5 + (13.75 * parseFloat(weight.value)) + (5.003 * parseFloat(height.value)) - (6.755 * parseFloat(age.value)));
} else if (gender.id === 'male' && activity === "3") {
totalCalories.value = 1.55 * (66.5 + (13.75 * parseFloat(weight.value)) + (5.003 * parseFloat(height.value)) - (6.755 * parseFloat(age.value)));
} else if(gender.id === 'male' && activity === "4") {
totalCalories.value = 1.725 * (66.5 + (13.75 * parseFloat(weight.value)) + (5.003 * parseFloat(height.value)) - (6.755 * parseFloat(age.value)));
} else if(gender.id === 'male' && activity === "5") {
totalCalories.value = 1.9 * (66.5 + (13.75 * parseFloat(weight.value)) + (5.003 * parseFloat(height.value)) - (6.755 * parseFloat(age.value)))
;
} else if(gender.id === 'female' && activity === "1") {
totalCalories.value = 1.2 * (655 + (9.563 * parseFloat(weight.value)) + (1.850 * parseFloat(height.value)) - (4.676 * parseFloat(age.value)));
} else if(gender.id === 'female' && activity === "2") {
totalCalories.value = 1.375 * (655 + (9.563 * parseFloat(weight.value)) + (1.850 * parseFloat(height.value)) - (4.676 * parseFloat(age.value)));
} else if(gender.id === 'female' && activity === "3") {
totalCalories.value = 1.55 * (655 + (9.563 * parseFloat(weight.value)) + (1.850 * parseFloat(height.value)) - (4.676 * parseFloat(age.value)));
} else if(gender.id === 'female' && activity === "4") {
totalCalories.value = 1.725* (655 + (9.563 * parseFloat(weight.value)) + (1.850 * parseFloat(height.value)) - (4.676 * parseFloat(age.value)));
} else {
totalCalories.value = 1.9 * (655 + (9.563 * parseFloat(weight.value)) + (1.850 * parseFloat(height)) - (4.676 * parseFloat(age.value)));
}
document.getElementById('results').style.display = 'block';
document.getElementById('loading').style.display = 'none';
}
function errorMessage(error) {
document.getElementById('results').style.display = 'none';
document.getElementById('loading').style.display = 'none';
const errorDiv = document.createElement('div');
const card = document.querySelector('.card');
const heading = document.querySelector('.heading');
errorDiv.className = 'alert alert-danger';
errorDiv.appendChild(document.createTextNode(error));
card.insertBefore(errorDiv, heading);
setTimeout(clearError, 4000);
}
function clearError() {
document.querySelector('.alert').remove();
}
top of page
bottom of page
