I wanted to put a cross on the "ladder" when it's the case, like if you're overweight it puts a cross on the side or an arrow above.
How could I do it in JavaScript please?
There's the code
<div class="row">
<div class="col-md-6">
<h2>BMI Rechner</h2>
<p>Ermitteln Sie Ihren BMI</p>
<form id="bmiForm" name="bmiForm">
<div>
<label for="height"><strong>Grösse</strong> [cm]
<input id="height" onkeyup="calculateBMI();" name="height" size="6" type="text" value="170" /> </label>
<br />
<label for="weight"><strong>Gewicht</strong> [kg]
<input id="weight" onkeyup="calculateBMI();" name="weight" size="6" type="text" value="71" /> </label>
<br />
<input onclick="calculateBmi()" type="button" value="BMI berechnen" />
<br /> <strong>Ihr BMI</strong>
<input name="bmi" size="10" type="text" />
<br /> <strong>Einteilung:</strong>
<input name="meaning" size="20" type="text" />
<br />
<input type="reset" value="Zurücksetzen" /> </div>
</form>
</div>
<div class="contener2">
<div class="subcontener1"> 18.5 </div>
<div class="subcontener2"> 25 </div>
<div class="subcontener3"> 30 </div>
</div>
<div class="contener">
<div class="untergewicht"> Untergewicht </div>
<div class="normalgewicht"> Normalgewicht </div>
<div class="uebergewicht"> Übergewicht </div>
<div class="adipositas"> Adipositas </div>
</div>
function calculateBmi() {
var weight = document.bmiForm.weight.value
var height = document.bmiForm.height.value
if (weight > 0 && height > 0) {
var finalBmi = Math.round((weight / (height / 100 * height / 100)) * 10) / 10;
document.bmiForm.bmi.value = finalBmi
if (finalBmi < 18.4) {
document.bmiForm.meaning.value = "Untergewicht"
}
if (finalBmi > 18.5 && finalBmi < 24.9) {
document.bmiForm.meaning.value = "Normalgewicht, weiter so!"
}
if (finalBmi > 25 && finalBmi < 29.9) {
document.bmiForm.meaning.value = "Übergewicht"
}
if (finalBmi > 30) {
document.bmiForm.meaning.value = "Adipositas, lassen Sie sich professional beraten"
}
}
else {
alert("Bitte alles ausfüllen")
}
}
And the JSFiddle: http://ift.tt/2ppZ5uk
Thank's in advance
Aucun commentaire:
Enregistrer un commentaire