-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (59 loc) · 2.02 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<head>
<title>Kalkulator</title>
<link rel="shortcut icon" href="logo.ico">
<link rel="Stylesheet" href="style.css">
<meta charset="utf-8">
</head>
<body background="background.png">
<div id="container">
<div id="header">
<center>
<a href="index.html">
<img src="logo.png">
</a>
<br>
</div>
<!-- Pole plci -->
<form action="#n" name="theForm">
<label class="color1"><input class="color1" type="radio" name="genderS" value="1" checked>Kobieta</label>
<label class="color1"><input class="color1" type="radio" name="genderS" value="0" >Mężczyzna</label>
</form>
<!-- Pole textowe -->
<input type="number" placeholder="Wiek" id="wiek" onfocus="this.placeholder=''" onblur="this.placeholder='Wiek'">
<br>
<input type="number" placeholder="Waga (kg)" id="waga" onfocus="this.placeholder=''" onblur="this.placeholder='Waga (kg)'">
<br>
<input type="number" placeholder="Wzrost (cm)" id="wzrost" onfocus="this.placeholder=''" onblur="this.placeholder='Wzrost (cm)'">
<br>
<!-- Pole aktywnosci -->
<select id="intensywnosc" >
<option>Brak aktywności, praca siedząca</option>
<option>Niska aktywność (praca siedząca i 1-2 treningi w tygodniu)</option>
<option>Średnia aktywność (praca siedząca i treningi 3-4 razy w tygodniu)</option>
<option>Wysoka aktywność (praca fizyczna i 3-4 treningi w tygodniu)</option>
<option>Bardzo wysoka aktywność (zawodowi sportowcy, osoby codziennie trenujące)</option>
</select>
</br>
<!-- Pole celu -->
<select id="cel" >
<option>Utrzymanie wagi</option>
<option>Masa</option>
<option>Redukcja</option>
</select>
<!-- Pole przycisku -->
<br>
<button class="button" onclick="myFunction()" style="vertical-align:middle"><span>Oblicz</span></button>
<p id="go"></p>
<!-- Skrypt -->
<script src="core.js"></script>
</center>
</div>
<!-- Stopka -->
<div id = footer>
<footer>
<p>bajceps.5v.pl © 2019 Strona wykorzystuje pliki <a href= https://pl.wikipedia.org/wiki/HTTP_cookie> Cookies.</a></p>
</footer>
</div>
</body>
</html>