Skip to content

Instantly share code, notes, and snippets.

@akirad

akirad/calcCal.html

Created November 27, 2018 15:18
Show Gist options
  • Save akirad/7e2e35c27f5a33fb5feeae42ae310025 to your computer and use it in GitHub Desktop.
Save akirad/7e2e35c27f5a33fb5feeae42ae310025 to your computer and use it in GitHub Desktop.
Download ZIP
A html+js sample to calculate kcal by exercise.
Raw
calcCal.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-language" content="ja">
<meta charset="UTF-8">
<title>消費カロリー計算</title>
<script>
function calc() {
var weight = document.getElementById('weight').value;
var distance = document.getElementById('distance').value;
var kcalByWalk = weight * distance;
var kickTime = document.getElementById('kickTime').value;
var kcalByKick = kickTime * 11; // https://www.eatsmart.jp/do/caloriecheck/work/check
var stretchTime = document.getElementById('stretchTime').value;
var kcalByStretch = stretchTime * 2.4; // https://www.eatsmart.jp/do/caloriecheck/work/check
var kcalSum = kcalByWalk + kcalByKick + kcalByStretch;
document.getElementById('kcal').innerHTML = kcalSum;
}
</script>
</head>
<body>
<h1>消費カロリー計算</h1>
<table border="1">
<tbody>
<tr>
<td>体重</td>
<td><input type="text" id="weight" size="11" value = "60"></td>
</tr>
<tr>
<td>歩行距離(km)</td>
<td><input type="text" id="distance" size="11" value = "7"></td>
</tr>
<tr>
<td>キックボクシング練習時間(分)</td>
<td><input type="text" id="kickTime" size="11" value = "0"></td>
</tr>
<tr>
<td>ストレッチ時間(分)</td>
<td><input type="text" id="stretchTime" size="11" value = "0"></td>
</tr>
<tr>
<td>消費カロリー(kcal)</td>
<td id="kcal">-</td>
</tr>
<tr>
<td colspan="2" style="text-align: center"><input type="button" value="計算" onclick="calc()"></td>
</tr>
</tbody>
</table>
</form>
</td></tr></table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment