workout-basic/index.html
Jesko Dujmovic f442b8af1e yoyoyo
2022-10-18 20:23:59 +02:00

46 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
</head>
<body>
<script src="exerciseTypes.js"></script>
<script src="repTypes.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">
<h1>Workout</h1>
<div id="workout-selection-area">
<h2>Load Predefined Workout</h2>
<button class="loadPredefinedWorkout" id="monday">Monday</button>
<button class="loadPredefinedWorkout" id="wednesday">Wednesday</button>
<button class="loadPredefinedWorkout" id="friday">Friday</button>
</div>
<h2>Today's Workout</h2>
<ul id="exercise-list">
<li> Exercise:
<select name="exercise-type" id="exercise-type-1">
</select>
<select name="repetition-type" id="repetition-type-1">
<option value="2-4">2-4</option>
<option value="3-5">3-5</option>
<option value="5-8">5-8</option>
<option value="8-12">8-12</option>
<option value="12-15">12-15</option>
<option value="15-20">15-20</option>
<option value="pyramid">Pyramid</option>
<option value="tripledrop5-8">Triple Drop Set 5-8</option>
</select>
Reps done: <input type="number" name="repetitions-done" id="repetitions-done-1" min="0" max="100">
Weight done: <input type="number" name="weight-done" id="weight-done-1" min="0" max="2000">
</li>
</ul>
<button id="add-exercise">Add exercise</button>
<script src="main.js"></script>
</body>
</html>