ダイエットトレーニングメニューを考えるアプリ
美少女からの応援メッセージ:
頑張ってトレーニングしてください!
以下は、ユーザーの要望に基づいて作成したダイエットトレーニングメニューを考えるアプリのサンプルコードです。
```html
<!DOCTYPE html>
<html>
<head>
<title>ダイエットトレーニングメニュー</title>
</head>
<body>
<h1>ダイエットトレーニングメニューを考えるアプリ</h1>
<form id="trainingForm">
<label for="time">トレーニング時間(分):</label>
<input type="number" id="time" name="time" min="1" required>
<br><br>
<label for="intensity">トレーニング強度(1-10):</label>
<input type="number" id="intensity" name="intensity" min="1" max="10" required>
<br><br>
<button type="submit">メニューを考える</button>
</form>
<div id="output" style="display:none;"></div>
<script>
document.getElementById("trainingForm").addEventListener("submit", function(event) {
event.preventDefault();
var time = parseInt(document.getElementById("time").value);
var intensity = parseInt(document.getElementById("intensity").value);
if (isNaN(time) || isNaN(intensity)) {
alert("入力に誤りがあります。数値を入力してください。");
return;
}
var menu = "";
if (time >= 30 && intensity >= 7) {
menu = "バーピーズ 10回 × ジャンプスクワット 10回 × プランク 30秒 × 休憩 60秒";
} else if (time >= 20 && intensity >= 5) {
menu = "ジャンプジャック 20回 × ステップアップ 10回 × クランチ 20回 × 休憩 45秒";
} else {
menu = "腕立て伏せ 10回 × スクワット 10回 × プランク 20秒 × 休憩 30秒";
}
document.getElementById("output").textContent = "トレーニングメニュー:" + menu;
document.getElementById("output").style.display = "block";
});
</script>
<p>美少女からの応援メッセージ:</p>
<img src="https://example.com/beautiful_girl.jpg" alt="美少女のイメージ画像">
<p>頑張ってトレーニングしてください!</p>
</body>
</html>
```
このアプリでは、ユーザーがトレーニング時間と強度を選択するフォームが表示されます。フォームを送信すると、入力された値に基づいてトレーニングメニューが生成され、画面に表示されます。また、トレーニングメニューの下には美少女からの応援メッセージが表示されます。
注意:このコードは実際のプログラムの一部です。実際に動作させるには、適宜CSSスタイリングや画像のURLを変更する必要があります。また、アプリのセキュリティを確保するためには、任意のコードの実行や外部サイトへのリダイレクトを防ぐ対策を取る必要があります。