Beispiel 2 Angabe


Es soll ein BMI (Body Mass Index) Rechner implementiert werden. Der BMI ergibt sich aus der Körpergröße und dem Gewicht. Die Formel für den Body Mass Index lautet:

BMI = Körpergewicht in Kilogramm / (Körpergröße in Meter * Körpergröße in Meter) 

Auf der Seite sollen zwei HTML Forms Inputboxen zur Eingabe von Körpergröße und Körpergewicht angezeigt werden. Weiters soll ein Button mit der Beschriftung "BMI berechnen" angezeigt werden. Bei Klick auf diesen Button soll die Berechnung durchgeführt werden und das Ergebnis ein einem Pop-up Fenster (Javascript Befehl alert) angezeigt werden. 



VIEL ERFOLG!

 

 

 

LÖSUNG:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function berechneBMI()
{
var groesse = document.getElementById("groesse").value / 100;
var gewicht = document.getElementById("gewicht").value;
var bmi = gewicht / (groesse * groesse);
var bmiGanzzahl = Math.round(bmi);
var bmiKomma = Math.round((Math.abs(bmi - bmiGanzzahl))*10);
alert ("Ihr BMI beträgt " + bmiGanzzahl + "," + bmiKomma + ".");
}
</script>
</head>
<body>
<p>
Geben Sie Körpergröße und -gewicht ein um Ihren Body Mass Index zu berechnen:
</p>
<table>
<tr>
<td>
<label>Korpergröße in cm</label>
</td>
<td>
<input type="text" id="groesse" style="text-align:right" value="180"/>
</td>
</tr>
<tr>
<td>
<label>Körgergewicht in kg</label>
</td>
<td>
<input type="text" id="gewicht" style="text-align:right" value="80"/>
</td>
</tr>
<tr>
<td>
<label>&nbsp;</label>
</td>
<td align="right">
<button type="button" onclick="berechneBMI()">BMI berechnen</button>
</td>
</tr>
</table>
</body>

</html>