akirad/calcCal.html

## 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>
	<!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>