Burpee Equivalent Calculator

Developer
John Stammerman
Size
7,286 Kb
Views
34,408
  1. Burpee Equivalent Calculator Previews
  2. Burpee Equivalent Calculator HTML Codes
  3. Burpee Equivalent Calculator CSS Codes
  4. Burpee Equivalent Calculator JS Codes

How do I make an burpee equivalent calculator?

Still a work in progress. Need to make an object out of the food and calories. Hard-coded for now.. What is a burpee equivalent calculator? How do you make a burpee equivalent calculator? This script and codes were developed by John Stammerman on 23 July 2022, Saturday.

Burpee Equivalent Calculator Previews
IQ Test

Burpee Equivalent Calculator - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Burpee Equivalent Calculator</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='css/ypnyam.css'>
<link rel='stylesheet prefetch' href='css/gpppov.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="wrapper"> <div id="maincontentcontainer"> <div class="site-content" id="primary"> <h1 class="tk-tandelle"> <a href="http://www.crossfitregeneration.com"><span class="alt">CrossFit</span>Regeneration &nbsp;</a></h1> <h1 class="tk-tandelle small">Burpee Equivalent Calculator</h1> <div class="wod"> <h3 class="tk-tandelle">How many burpees does that junk food cost you?</h3> <div class="form-inline"> <div class="form-group"> <label class="control-label">Force </label> <input class="form-control longer" id="force" placeholder="Your weight in pounds"/> <label class="control-label">&nbsp; x &nbsp;</label> </div> <div class="form-group"> <label class="control-label">Distance </label> <input class="form-control longer" id="distance" placeholder="Max head height during the jump in inches"/> <label class="control-label">&nbsp; = &nbsp;</label> </div> <div class="form-group"> <label class="control-label">Work </label> <input class="form-control smaller" id="work" readonly="readonly"/> </div> <div class="form-group"> <button class="btn btn-primary" id="calc">Calculate</button> </div> </div> <p class="small-text" style="margin-top: 1%">(Average Vertical jump during 5 minute Burpee test was 5 inches, so assume that plus your height for Distance.)</p> <table class="table table-bordered table-hover"> <thead> <tr> <th>Food</th> <th>Calories (kcals)</th> <th># of Burpees</th> </tr> </thead> <tbody> <tr> <td> <input class="form-control longer" id="foodCustomName" placeholder="Add your own custom food"/> </td> <td> <input class="range" id="foodCustomCals" type="range" min="10" max="2000" step="1"/> <input class="form-control smaller" id="foodCustomCalsView" readonly="readonly"/> </td> <td> <div id="foodCustom"></div> </td> </tr> <tr> <td>1 Slice of Apple Pie (with a scoop of vanilla ice-cream)</td> <td>420</td> <td> <div id="foodApplePie"></div> </td> </tr> <tr> <td>1/2 cup of Cranberry sauce </td> <td>209</td> <td> <div id="foodCranberrySauce"></div> </td> </tr> <tr> <td>1 large French Fries</td> <td>500</td> <td> <div id="foodFrenchFries"></div> </td> </tr> <tr> <td> 1 IPA beer</td> <td> 195</td> <td> <div id="foodIpaBeer"></div> </td> </tr> <tr> <td>1 Slice of Dominos Peperoni Pizza</td> <td>260</td> <td> <div id="foodSliceDominosPizza"></div> </td> </tr> <tr> <td>1 – 8 ounce Ted’s Bison Cheesburger</td> <td>730</td> <td> <div id="foodTedBisonBurger"></div> </td> </tr> <tr> <td> 1 scoop of Ben Jerry’s Cookie Dough ice cream</td> <td>270</td> <td> <div id="foodScoopBenJerryCookieDough"></div> </td> </tr> <tr> <td>1 – 12” Roast beef sub from Subway</td> <td>970</td> <td> <div id="food12RoastBeefSubway"></div> </td> </tr> <tr> <td>1 Cola soft drink</td> <td>200</td> <td> <div id="foodColaSoftDrink"></div> </td> </tr> <tr> <td>1 Plain Bagel</td> <td>320</td> <td> <div id="foodPlainBagel"></div> </td> </tr> <tr> <td>1 Egg McMuffin Sandwich</td> <td>300</td> <td> <div id="foodEggMcMuffin"></div> </td> </tr> <tr> <td>1 Cadbury Creme Egg</td> <td>59</td> <td> <div id="foodCadburyCremeEgg"></div> </td> </tr> </tbody> </table> </div> <div class="clear">&nbsp;</div> <p><a href='http://crossfitregeneration.com'>CrossFitRegeneration.com</a></p> <p class="small-text">"Given: 1kcal = 426.4 kg/m.	External mechanical work or the work that is being performed does not equal the amount of work that is being produce internally, humans aren’t 100% efficient. Efficiency during running and cycling is about 25%, thus for the body to perform 25 kcals of external work, it must produces 100 kcals of energy internally. That means that the body has to produce 1.47 kcals of internal energy to produce 0.368 kcals of external mechanical work per Burpee repetition." - Dr. Jeff Godin, Ph.D., CSCS.</p> <p class="small-text">Idea borrowed from <a href="http://news.spartan.com/burpee-equivalents-understanding-junk-food/">Burpee Equivalents: Understanding Junk Food in terms of your Favorite Exercise</a> by Dr. Jeff Godin, Ph.D., CSCS.</p> </div> </div>
</div>
<script src="//use.typekit.net/dlg3oty.js"></script>
<script>try{Typekit.load();}catch(e){}</script> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Burpee Equivalent Calculator - Script Codes CSS Codes

@import "compass/css3";
#wrapper { margin: 1% 5% 5% 5%;
}
.site-content { .table { margin-top: 5%; th, td { border-color: #bbb; } th { background: #ccc; } } .small-text { font-size: 1em; margin-top: 5%; } input.longer { width: 300px; } input.smaller { width: 80px; } input.range { float: left; margin-right: 5%; width: 60%; }
}
.form-group.warning .form-control { background: lighten($clr2, 40);
}

Burpee Equivalent Calculator - Script Codes JS Codes

var calc = $('#calc'), force = $('#force'), distance = $('#distance'), work = $('#work')	calculateBurpees = function (cals, work) { var burpees = cals / work; return Math.ceil(burpees); };
$('#foodCustomCalsView').val($('#foodCustomCals').val());
calc.click(function(event) { event.preventDefault(); if (!force.val()) { force.parent().addClass('warning'); } else if (!distance.val()) { distance.parent().addClass('warning'); } else { force.parent().removeClass('warning'); distance.parent().removeClass('warning'); var calcForce = force.val() * 0.453592, // to Kg calcdistance = distance.val() * 0.0254, // to meters calcWork = ((calcForce * calcdistance) / 426.4) / 0.25; work.val(calcWork); if ($('#foodCustomCals').val()) { $('#foodCustom').html(calculateBurpees($('#foodCustomCals').val(), calcWork)); } $('#foodApplePie').html(calculateBurpees(420, calcWork)); $('#foodCranberrySauce').html(calculateBurpees(209, calcWork)); $('#foodFrenchFries').html(calculateBurpees(500, calcWork)); $('#foodIpaBeer').html(calculateBurpees(195, calcWork)); $('#foodSliceDominosPizza').html(calculateBurpees(260, calcWork)); $('#foodTedBisonBurger').html(calculateBurpees(730, calcWork)); $('#foodScoopBenJerryCookieDough').html(calculateBurpees(270, calcWork)); $('#food12RoastBeefSubway').html(calculateBurpees(970, calcWork)); $('#foodColaSoftDrink').html(calculateBurpees(200, calcWork)); $('#foodPlainBagel').html(calculateBurpees(320, calcWork)); $('#foodEggMcMuffin').html(calculateBurpees(300, calcWork)); $('#foodCadburyCremeEgg').html(calculateBurpees(59, calcWork)); }
});
$('#foodCustomCals').on('change', function() { $('#foodCustomCalsView').val($('#foodCustomCals').val()); if ($('#work').val()) {	$('#foodCustom').html(calculateBurpees($('#foodCustomCals').val(), $('#work').val())); }
});
Burpee Equivalent Calculator - Script Codes
Burpee Equivalent Calculator - Script Codes
Home Page Home
Developer John Stammerman
Username jstam
Uploaded July 23, 2022
Rating 3.5
Size 7,286 Kb
Views 34,408
Do you need developer help for Burpee Equivalent Calculator?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

John Stammerman (jstam) Script Codes
Name
SVG gaussian blur filter on background image
J5T4M Jumbotron
Pulse animation after moving list items
Hard Work Progress Chart
JSTAM svg logo test
Toying with Flexbox
CodePen Profile Customization
Hidden Menu Animation
Select field variations across browsers
LESS CSS multiple background gradient mixin
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!