Bmi rechner für hp

by basti1012

HTML

<body>
 
 
 
			<table>
				<tr>
					<td> Height :</td><td><input class="textInput" type="text" id="bmi_height" name="bmi_height"> <span id="bmi_label_height">cm</span></td>
				</tr>
				<tr>
					<td> Weight :</td><td><input class="textInput" type="text" id="bmi_weight" name="bmi_weight"> <span id="bmi_label_weight">kg</span></td>
				</tr>
				<tr>
					<td ><button id="bmirechnen">
          BMI berechnen
          </button> </td>
				</tr>
			</table>		
<div class="bmibalken" id="bmibalkenalt"></div> <br>
 <div class="bmibalken" id="bmibalkenneu"></div>
 
<div id="alarm">

</div>

CSS

.bmibalken{
   width:400px;
   height:20px;
   background:red;
 }

JavaScript

var useCm = true;
	var useKg = true;





$('#bmirechnen').click(function(){

 $('#alarm').css('display','none');

		var height = $('#bmi_height').val();
		var weight = $('#bmi_weight').val();
		height = height.replace(',','.');
		weight = weight.replace(',','.');
		if(!useKg)weight = weight / 2.2;
		if(!useCm)height = height * 2.54;
		
		if(isNaN(height))return;
		if(isNaN(weight))return;
		
		height = height / 100;
		var bmi = weight / (height*height);
  
    var g=localStorage.getItem('bmi',0);
   
    var g = g.toFixed(2);
  
    $('#bmibalkenalt').html('<p>Alter Bmi wert '+g+'</p>');
    if(g<=19){
    var color='blue';
    }else if(g<=25){
    var color='green';
    }else if(g<100){
    var color='red';
    }else if(g> 100){
    var color='black';};
    
    
    
        if(bmi<=19){
    var colori='blue';
    }else if(bmi<=25){
    var colori='green';
    }else if(bmi<100){
    var colori='red';
    }else if(bmi> 100){
    var colori='black';
     $('#alarm').css('display','block');
$('#alarm').html('<p> Ihr Wert ist Über 100.Bitte gehen sie ins Krankenhaus und lassen sie sich helfen</p>');   
    }
    
       $('#bmibalkenneu').html('<p>Neuer Bmi wert '+bmi+'</p>');
    $('#bmibalkenalt').css('background',color);
    if(bmi>=g){
   
    }else if(bmi<g){
 
    }
     $('#bmibalkenneu').css('background',colori);
localStorage.setItem('bmi',bmi);
 
 })