株・資産運用　大学生

ランニングの消費カロリー

<!DOCTYPE html>
<html>
<head>
<title>ランニングによるカロリー消費計算機</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>ランニングによるカロリー消費計算機</h1>
<form>
<label for="time">ランニング時間（分）：</label>
<input type="number" id="time" name="time" required><br><br>
<label for="distance">距離（km）：</label>
<input type="number" id="distance" name="distance" required><br><br>
<label for="weight">体重（kg）：</label>
<input type="number" id="weight" name="weight" required><br><br>
<button type="button" onclick="calculateCalories()">計算する</button>
</form>
<div id="result"></div>
<script src="script.js"></script>
</body>
</html>

h1 {
text-align: center;
}

form {
width: 50%;
margin: auto;
}

label {
display: inline-block;
width: 150px;
}

button {
margin-left: 150px;
}

#result {
margin-top: 20px;
font-size: 24px;
font-weight: bold;
}

function calculateCalories() {
var time = document.getElementById("time").value;
var distance = document.getElementById("distance").value;
var weight = document.getElementById("weight").value;
var calories_burned = 0;

if (time > 0 && distance > 0 && weight > 0) {
var hours = time / 60;
var speed = distance / hours;
var met = 0;

if (speed >= 16.0) {
met = 19;
} else if (speed >= 12.0) {
met = 14;
} else if (speed >= 8.0) {
met = 10;
} else if (speed >= 6.0) {
met = 8.0;
} else {
met = 6.0;
}

calories_burned = weight * met * hours;
calories_burned = Math.round(calories_burned);
}

document.getElementById("result").innerHTML =
"消費カロリー: " + calories_burned + " kcal";
}