-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request Pallavi1926#32 from pavitraag/main
Added 2 calculators
- Loading branch information
Showing
3 changed files
with
245 additions
and
72 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,4 @@ | ||
| // Existing Menu Button and ScrollReveal Logic | ||
| const menuBtn = document.getElementById("menu-btn"); | ||
| const navLinks = document.getElementById("nav-links"); | ||
| const menuBtnIcon = menuBtn.querySelector("i"); | ||
|
|
@@ -6,108 +7,138 @@ const bmiBtn = document.getElementById("btn"); | |
| menuBtn.addEventListener("click", (e) => { | ||
| navLinks.classList.toggle("open"); | ||
|
|
||
|
|
||
| const isOpen = navLinks.classList.contains("open"); | ||
| menuBtnIcon.setAttribute("class", isOpen ? "ri-close-line" : "ri-menu-line"); | ||
|
|
||
| }); | ||
|
|
||
| navLinks.addEventListener('click', (e) => { | ||
| navLinks.classList.remove('open'); | ||
| menuBtnIcon.setAttribute('class', 'ri-menu-line') | ||
|
|
||
| }) | ||
| menuBtnIcon.setAttribute('class', 'ri-menu-line'); | ||
| }); | ||
|
|
||
| const scrollRevealOption = { | ||
| distance : '50px', | ||
| distance: '50px', | ||
| origin: 'bottom', | ||
| duration: 1000, | ||
| }; | ||
|
|
||
| ScrollReveal().reveal(".header__content h1", { | ||
| ...scrollRevealOption, | ||
| }) | ||
| ScrollReveal().reveal(".header__content h2", { | ||
| ...scrollRevealOption, | ||
| delay: 500, | ||
| }) | ||
| ScrollReveal().reveal(".header__content p", { | ||
| ...scrollRevealOption, | ||
| delay: 1000, | ||
| }) | ||
| ScrollReveal().reveal(".header__content .header__btn", { | ||
| ...scrollRevealOption, | ||
| delay: 1500, | ||
| }) | ||
| ScrollReveal().reveal(".about__card", { | ||
| duration:1000, | ||
| interval: 500, | ||
| }) | ||
| ScrollReveal().reveal(".trainer__card", { | ||
| ...scrollRevealOption, | ||
| interval: 500, | ||
| }) | ||
| ScrollReveal().reveal(".blog__card", { | ||
| ...scrollRevealOption, | ||
| interval: 500, | ||
| }) | ||
| ScrollReveal().reveal(".header__content h1", {...scrollRevealOption}); | ||
| ScrollReveal().reveal(".header__content h2", {...scrollRevealOption, delay: 500}); | ||
| ScrollReveal().reveal(".header__content p", {...scrollRevealOption, delay: 1000}); | ||
| ScrollReveal().reveal(".header__content .header__btn", {...scrollRevealOption, delay: 1500}); | ||
| ScrollReveal().reveal(".about__card", {duration: 1000, interval: 500}); | ||
| ScrollReveal().reveal(".trainer__card", {...scrollRevealOption, interval: 500}); | ||
| ScrollReveal().reveal(".blog__card", {...scrollRevealOption, interval: 500}); | ||
|
|
||
| const swiper = new Swiper(".swiper", { | ||
| loop: true, | ||
|
|
||
| pagination: { | ||
| el: ".swiper-pagination", | ||
| el: ".swiper-pagination", | ||
| }, | ||
| }); | ||
| }); | ||
|
|
||
| bmiBtn.addEventListener("click", () => { | ||
| // Existing BMI Calculator Logic | ||
| bmiBtn.addEventListener("click", () => { | ||
| const height = parseInt(document.getElementById("height").value); | ||
| const weight = parseInt(document.getElementById("weight").value); | ||
| const result = document.getElementById("output"); | ||
| let height_status=false, weight_status=false; | ||
| let heightStatus = false, weightStatus = false; | ||
|
|
||
| if(height === '' || isNaN(height) || height<=0){ | ||
| document.getElementById('height_error').innerHTML = 'Please provide a valid height'; | ||
| }else{ | ||
| document.getElementById('height_error').innerHTML = ''; | ||
| height_status=true; | ||
| if (height === '' || isNaN(height) || height <= 0) { | ||
| document.getElementById('height_error').innerHTML = 'Please provide a valid height'; | ||
| } else { | ||
| document.getElementById('height_error').innerHTML = ''; | ||
| heightStatus = true; | ||
| } | ||
| if(weight === '' || isNaN(weight) || weight<=0){ | ||
|
|
||
| if (weight === '' || isNaN(weight) || weight <= 0) { | ||
| document.getElementById('weight_error').innerHTML = 'Please provide a valid weight'; | ||
| }else{ | ||
| document.getElementById('weight_error').innerHTML = ''; | ||
| weight_status=true; | ||
| } | ||
| } else { | ||
| document.getElementById('weight_error').innerHTML = ''; | ||
| weightStatus = true; | ||
| } | ||
|
|
||
| if(height_status && weight_status){ | ||
| const bmi = (weight/((height*height)/10000)).toFixed(2); | ||
| if (heightStatus && weightStatus) { | ||
| const bmi = (weight / ((height * height) / 10000)).toFixed(2); | ||
|
|
||
| if(bmi < 18.6){ | ||
| result.innerHTML = 'Under weight : '+bmi; | ||
| } | ||
| else if(bmi > 24.9){ | ||
| result.innerHTML = 'Over weight : '+bmi; | ||
| if (bmi < 18.6) { | ||
| result.innerHTML = 'Underweight: ' + bmi; | ||
| } else if (bmi > 24.9) { | ||
| result.innerHTML = 'Overweight: ' + bmi; | ||
| } else { | ||
| result.innerHTML = 'Normal: ' + bmi; | ||
| } | ||
| } else { | ||
| alert('The form has errors'); | ||
| result.innerHTML = ''; | ||
| } | ||
| else{ | ||
| result.innerHTML = 'Normal : '+bmi; | ||
| }); | ||
|
|
||
| // Add Protein Intake Calculator Logic | ||
| document.getElementById("protein-btn").addEventListener("click", function() { | ||
| let weight = parseFloat(document.getElementById("protein-weight").value); | ||
| let goal = document.getElementById("protein-goal").value; | ||
| let proteinIntake; | ||
|
|
||
| // Protein intake values based on goals (in grams per kg) | ||
| if (goal === "maintenance") { | ||
| proteinIntake = weight * 1.2; | ||
| } else if (goal === "muscle-gain") { | ||
| proteinIntake = weight * 1.6; | ||
| } else if (goal === "fat-loss") { | ||
| proteinIntake = weight * 2.0; | ||
| } | ||
| }else{ | ||
| alert('The form has errors'); | ||
| result.innerHTML = ''; | ||
|
|
||
| document.getElementById("protein-output").innerHTML = | ||
| `You need approximately ${proteinIntake.toFixed(2)} grams of protein per day.`; | ||
| }); | ||
|
|
||
| // Add Macronutrient Calculator Logic | ||
| document.getElementById("macro-btn").addEventListener("click", function() { | ||
| let weight = parseFloat(document.getElementById("macro-weight").value); | ||
| let goal = document.getElementById("macro-goal").value; | ||
| let calories = parseFloat(document.getElementById("macro-calories").value); | ||
|
|
||
| let proteinRatio, carbRatio, fatRatio; | ||
|
|
||
| // Macro ratios based on fitness goals | ||
| if (goal === "maintenance") { | ||
| proteinRatio = 0.3; | ||
| carbRatio = 0.4; | ||
| fatRatio = 0.3; | ||
| } else if (goal === "bulking") { | ||
| proteinRatio = 0.25; | ||
| carbRatio = 0.5; | ||
| fatRatio = 0.25; | ||
| } else if (goal === "cutting") { | ||
| proteinRatio = 0.35; | ||
| carbRatio = 0.3; | ||
| fatRatio = 0.35; | ||
| } | ||
|
|
||
| }) | ||
| // Calculate macros in grams | ||
| let proteinGrams = (calories * proteinRatio) / 4; | ||
| let carbGrams = (calories * carbRatio) / 4; | ||
| let fatGrams = (calories * fatRatio) / 9; | ||
|
|
||
| document.getElementById("macro-output").innerHTML = | ||
| `Your daily macronutrient breakdown: | ||
| Protein: ${proteinGrams.toFixed(2)}g, | ||
| Carbs: ${carbGrams.toFixed(2)}g, | ||
| Fats: ${fatGrams.toFixed(2)}g.`; | ||
| }); | ||
|
|
||
| function sendEmail(){ | ||
| // Send email logic | ||
| function sendEmail() { | ||
| Email.send({ | ||
| Host : "smtp.gmail.com", | ||
| Username : "[email protected]", | ||
| Password : "Pallavi@2005??", | ||
| To : '[email protected]', | ||
| From : document.getElementById("email").value, | ||
| Subject : "This is the subject", | ||
| Body : "And this is the body" | ||
| Host: "smtp.gmail.com", | ||
| Username: "[email protected]", | ||
| Password: "Pallavi@2005??", | ||
| To: '[email protected]', | ||
| From: document.getElementById("email").value, | ||
| Subject: "This is the subject", | ||
| Body: "And this is the body" | ||
| }).then( | ||
| message => alert(message) | ||
| ); | ||
| } | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters