【計算結果が表示されません！】
【助けてください！】
計算機が作れません。
WordPressでサイトを作成を始めました。
サイト制作を始めたばかりでHTMLなどの知識は全くない状況です。
「1日に必要な最低エネルギー量」をページ内で計算できるよう、計算機を作りたいと考えています。
チャットGPTで質問しながらコードを作りましたが、計算結果が表示されなくてどうしたら良いのか分からず困っています。
分かる方がいらっしゃいましたら、計算結果が表示されない原因と改善点を教えていただけますと助かります。よろしくお願い致します。
作りたい計算機の情報源（日本医師会）
https://www.med.or.jp/forest/health/eat/01.html
チャットGPTに聞いて作成されたコード
<label>性別：
<select id="gender">
<option value="male">男性</option>
<option value="female">女性</option>
</select>
</label><br>
<label>年齢層：
<select id="ageGroup">
<option value="1-2">1〜2歳</option>
<option value="3-5">3〜5歳</option>
<option value="6-7">6〜7歳</option>
<option value="8-9">8〜9歳</option>
<option value="10-11">10〜11歳</option>
<option value="12-14">12〜14歳</option>
<option value="15-17">15〜17歳</option>
<option value="18-29">18〜29歳</option>
<option value="30-49">30〜49歳</option>
<option value="50-64">50〜64歳</option>
<option value="65-74">65〜74歳</option>
<option value="75+">75歳以上</option>
</select>
</label><br>
<label>身体活動レベル：
<select id="activityLevel">
<option value="1">レベル1（低い）</option>
<option value="2">レベル2（普通）</option>
<option value="3">レベル3（高い）</option>
</select>
</label><br><br>
<button onclick="calculateEnergy()">計算する</button>
<p id="result"></p>
</div>
<script>
const bmrTable = {
"1-2": { male: 700, female: 660 },
"3-5": { male: 900, female: 840 },
"6-7": { male: 980, female: 920 },
"8-9": { male: 1140, female: 1050 },
"10-11": { male: 1330, female: 1260 },
"12-14": { male: 1520, female: 1410 },
"15-17": { male: 1610, female: 1310 },
"18-29": { male: 1490, female: 1130 },
"30-49": { male: 1570, female: 1170 },
"50-64": { male: 1510, female: 1120 },
"65-74": { male: 1390, female: 1090 },
"75+": { male: 1310, female: 1020 }
};
const activityTable = {
"1-2": { "2": 1.35 },
"3-5": { "2": 1.45 },
"6-7": { "1": 1.35, "2": 1.55, "3": 1.75 },
"8-9": { "1": 1.40, "2": 1.60, "3": 1.80 },
"10-11": { "1": 1.45, "2": 1.65, "3": 1.85 },
"12-14": { "1": 1.50, "2": 1.70, "3": 1.90 },
"15-17": { "1": 1.55, "2": 1.75, "3": 1.95 },
"18-29": { "1": 1.50, "2": 1.75, "3": 2.00 },
"30-49": { "1": 1.50, "2": 1.75, "3": 2.00 },
"50-64": { "1": 1.50, "2": 1.75, "3": 2.00 },
"65-74": { "1": 1.50, "2": 1.70, "3": 1.90 },
"75+": { "1": 1.40, "2": 1.70 }
};
function calculateEnergy() {
const gender = document.getElementById("gender").value;
const ageGroup = document.getElementById("ageGroup").value;
const activityLevel = document.getElementById("activityLevel").value;
const bmr = bmrTable[ageGroup][gender];
const activity = activityTable[ageGroup][activityLevel];
const resultElem = document.getElementById("result");
if (!activity) {
resultElem.innerText = "この年齢層では選択された身体活動レベルは利用できません。";
return;
}
const estimatedEnergy = bmr * activity;
resultElem.innerText = `1日に必要な推定エネルギー量は約 ${estimatedEnergy.toFixed(0)} kcal です。`;
}
</script>
0 likes
