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 multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.
onex
Tesseract js demo scan text over the image by just doing small amounts of code.
These kinds of input fields is mostly used in Creating and Removing Input field dynamically.
Cropperjs is a feature-rich pure javascript library for cropping image. using this you can able to able to provide image cropping to the client-side.
Health calculator is a collection of BMR calculator,Body Shape Calculator,Body Fat percentage calculator and Ideal weight calculator.
Add and remove input feilds dynamically using 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>