Cześć,
Niedawno zaczęłam tworzyć kalkulator kalorii. Chciałam aby strona została podzielona pionowo na pół i po lewej stronie był kalkulator dla kobiet, a po prawej dla mężczyzn. Kalkulator ma liczyć dzienne zapotrzebowanie kcal przy uwzględnieniu masy ciała, wzrostu i wieku i poziomu aktywności- ta część działa.
Mój problem pojawił się gdy chciałam dodać opcję gdzie wybieramy, czy chcemy przytyć czy schudnąć czy pozostać przy tej samej wadze. Nie wyświetla się wynik. Chciałabym aby waga, wzrost, wiek, poziom aktywności i to czy chcemy schudnąć czy przytyć pokazywało ostateczny wynik.
Proszę o pomoc
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Licznik kalorii: Z kości na krągłości</title>
<meta http-equiv="X-UA-Compatible" content="IE=egde,chrome=1"/>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Anton|Bangers|Rajdhani:400,700&display=swap&subset=latin-ext" rel="stylesheet">
</head>
<body>
<script type="text/javascript">
//male
function calcObliczM(){
var weight = parseFloat(document.kcalform.weight.value);
//var weight = document.getElementById("weight").value;
var height = parseFloat(document.kcalform.height.value);
//var height = document.getElementById("height").value;
var age = parseFloat(document.kcalform.age.value);
//var age = document.getElementById("age").value;
var activity = parseFloat(document.kcalform.activity_level_M.value);
var kcal = (66.47 + (13.75 * weight) + (5.003 * height) - (6.755 * age)) * activity;
document.kcalform.kcal.value = Math.round(kcal*100)/100.0;
//document.getElementById("bmr").value = bmr;
}
//female
function calcObliczK(){
var weight1 = parseFloat(document.kcalform1.weight1.value);
//var weight = document.getElementById("weight").value;
var height1 = parseFloat(document.kcalform1.height1.value);
//var height = document.getElementById("height").value;
var age1 = parseFloat(document.kcalform1.age1.value);
//var age = document.getElementById("age").value;
var activity_K = parseFloat(document.kcalform1.activity_level_K.value);
var kcal1 = (655 + (9.6 * weight1) + (1.8 * height1) - (4.7 * age1)) * activity_K;
document.kcalform1.kcal1.value = Math.round(kcal1*100)/100.0;
//document.getElementById("bmr").value = bmr;
}
</script>
<div id="tytuł"> KALKULATOR KALORII </div>
<form method="post" action="#" name="kcalform">
<div id="toLeft">
<fieldset id="Panowie">
<legend>Panowie</legend>
<label for="">Podaj swoją wagę:</label>
<input type="text" id="weight" value="" size="20" placeholder="Wpisz swoją wagę" name="weight" required>
<label for="">Podaj swój wzrost:</label>
<input type="text" id="height" value="" size="20" placeholder="Wpisz swój wzrost" name="height" required>
<label for="">Podaj swój wiek:</label>
<input type="text" id="age" value="" size="20" placeholder="Wpisz swój wiek" name="age" required>
<label>Poziom aktywności</label>
<select name="activity_level_M" id="activity_level_M" required>
<option value="">Wybierz</option>
<option value="1.2">Brak aktywności, praca siedząca</option>
<option value="1.375">Niska aktywność(praca siedząca, treningi 1-2 razy w tygodniu)</option>
<option value="1.55">Średnia aktywność(praca siedząca, treningi 3-4 razy w tygodniu)</option>
<option value="1.725">Wysoka aktywność (praca fizyczna, treningi 3-4 raazy w tygodniu)</option>
<option value="1.9">Bardzo wysoka aktywność (zawodowy sportowiec, osoba trenująca codziennie)</option>
</select>
<br/>
<input type="reset" value="Reset" id="reset">
<input type="button" value="Oblicz" onClick="calcObliczM();" id="calc">
<br/>
<div class="resetOblicz">
<label for="">TWÓJ WYNIK:</label>
<input type="text" value="" size="20" placeholder="Twój wynik" name="kcal" id="kcal" readonly>
</div>
</fieldset>
</div>
</form>
<form method="post" action="#" name="kcalform1">
<div id="toRight">
<fieldset id="Panie">
<legend>Panie</legend>
<label for="">Podaj swoją wagę:</label>
<input type="text" id="weight1" value="" size="20" placeholder="Wpisz swoją wagę" name="weight1" required>
<label for="">Podaj swój wzrost:</label>
<input type="text" id="height1" value="" size="20" placeholder="Wpisz swój wzrost" name="height1" required>
<label for="">Podaj swój wiek:</label>
<input type="text" id="age1" value="" size="20" placeholder="Wpisz swój wiek" name="age1" required>
<label>Poziom aktywności</label>
<select name="activity_level_K" id="activity_level_K" required>
<option value="">Wybierz</option>
<option value="1.2">Brak aktywności, praca siedząca</option>
<option value="1.375">Niska aktywność(praca siedząca, treningi 1-2 razy w tygodniu)</option>
<option value="1.55">Średnia aktywność(praca siedząca, treningi 3-4 razy w tygodniu)</option>
<option value="1.725">Wysoka aktywność (praca fizyczna, treningi 3-4 raazy w tygodniu)</option>
<option value="1.9">Bardzo wysoka aktywność (zawodowy sportowiec, osoba trenująca codziennie)</option>
</select>
<label>Wybierz swój cel:</label>
<select name="gain_loss_amount" id="gain_loss_amount" required>
<option value="">Wybierz</option>
<option value="-1000">Stracić 2 kg tygodniowo</option>
<option value="-750">Stracic 1,5 kg tygodniowo</option>
<option value="-500">Stracić 1 kg tygodniowo</option>
<option value="-250">Stracić 0,5 kg tygodniowo</option>
<option value="0">Pozostać przy swojej wadze</option>
<option value="250">Przybrać 0,5 kg tygodniowo</option>
<option value="500">Przybrać 1 kg tygodniowo</option>
<option value="750">Przybrać 1,5 kg tygodniowo</option>
<option value="1000">Przybrać 2 kg tygodniowo</option>
</select>
<br/>
<input type="reset" value="Reset" class="reset">
<input type="button" value="Oblicz" onClick="calcObliczK();" id="calc1">
<br/>
<label for="">TWÓJ WYNIK:</label>
<input type="text" value="" size="20" placeholder="Twój wynik" name="kcal1" id="kcal1" readonly>
</fieldset>
</div>
</form>
</body>
</html>
