No Description Available
1
Calculate your Basal Metabolic Rate (BMR) with this calculator tool. Your BMR is the amount of energy you expend each day when at rest. This calculator also works out your daily calorie requirements.
This is a Standard Vanila Javascript Calculator and it can perform all task that a standard calculator dose.
These kinds of input fields is mostly used in Creating and Removing Input field dynamically.
This is simple javascript Todos App made for fun and beginner of javascript.
$(document).ready(()=>{ $('#calculate').click((e)=>{ e.preventDefault(); let gender = $('#gender').val(); let age = $('#age').val(); let weight = $('#weight').val(); let height = $('#height').val(); if(age != '' && weight != '' && height != ''){ let BMR = 0; if(gender == 'female'){ BMR = 10*weight + 6.25*height - 5*age -161; }else{ BMR = 10*weight + 6.25*height - 5*age + 5; } $('.adp-alert').slideUp(); $('.bmr-result').slideDown(); $('#result').text(BMR); }else{ $('.adp-alert').slideDown(); } }) })
<div class="container"> <div class="bmr-box"> <h1>Calculate BMR</h1> <form> <div class="form-group"> <label>Gender</label> <select class="form-control" id="gender"> <option value="male">Male</option> <option value="female">female</option> </select> </div> <div class="form-group"> <label>Age</label> <div class="input-group"> <input type="text" id="age" class="adp-input form-control"> <span class="input-group-addon">Years</span> </div> </div> <div class="form-group"> <label>Height</label> <div class="input-group"> <input type="text" id="height" class="adp-input form-control"> <span class="input-group-addon">cm</span> </div> </div> <div class="form-group"> <label>Weight</label> <div class="input-group"> <input type="text" id="weight" class="adp-input form-control"> <span class="input-group-addon">kg</span> </div> </div> <div class="form-group"> <button class="btn btn-success btn-block" id="calculate">Calculate</button> </div> </form> <div class="alert alert-danger adp-alert" style="display:none"> <p>All Feilds Are Required !</p> </div> <div class="bmr-result"> <label>Result</label> <h4>Your BMR <span class="text-success" id="result"></span><i> Calories/day </i></h4> </div> </div> </div>