脂肪重量計算アプリ
体重と体脂肪率から脂肪の重さを計算します。
以下が、リクエストに沿って作成したHTMLファイルです。JavaScriptによる計算と結果の表示が行われます。悪意あるコードを防ぐために、evalは使わず、外部サイトへのリンクやリダイレクトは行いません。また、alertの代わりにconsole.logを用いています。
```html
<!DOCTYPE html>
<html>
<head>
<title>脂肪重量計算アプリ</title>
</head>
<body>
<h1>脂肪重量計算アプリ</h1>
<p>体重と体脂肪率から脂肪の重さを計算します。</p>
<label for="weight">体重(kg):</label>
<input type="number" step="0.1" id="weight"><br><br>
<label for="body-fat">体脂肪率(%):</label>
<input type="number" step="0.1" id="body-fat"><br><br>
<button onclick="calculate()">計算する</button>
<hr>
<p id="result"></p>
<script>
function calculate() {
// 入力フォームから値を取得
var weight = document.getElementById("weight").value;
var bodyFat = document.getElementById("body-fat").value;
// 値が有効かチェック
if (weight <= 0 || bodyFat <= 0 || bodyFat >= 100) {
console.log("入力値エラー");
document.getElementById("result").innerHTML = "入力値エラー";
return;
}
// 脂肪の重さを計算
var fatWeight = weight * bodyFat / 100;
// 結果を表示
console.log(weight + "kgの体重で、" + bodyFat + "%の体脂肪率の場合、脂肪の重さは" + fatWeight + "kgです。");
document.getElementById("result").innerHTML = weight + "kgの体重で、" + bodyFat + "%の体脂肪率の場合、脂肪の重さは" + fatWeight + "kgです。";
}
</script>
</body>
</html>
```
ジョークとしては、「食べ過ぎは控えましょう。脂肪の重さが大きくなって、荷物を持つ感覚が常に付きまといます。」というものがあります。健康に気をつける上でも、身軽に動き回れる上でも、適度な体重と体脂肪率を維持することは大切ですね。