Formular html javascript: Formularerstellung

Beitrag lesen

SELF-Forum

Formularerstellung

Formular html javascript (Versionen)
– Informationen zu den Bewertungsregeln

Hallo ich habe mal eine Frage,kann man einzelne Formularfelder bei einem Gewissen Ergebnis unterschiedlich färben zb. wen die Persohn Normalgewichtig ist, färbt sich der Hintergrund in dem Feld "Sie sind:" grün?

Hier ist Mein CODE:

<!DOCTYPE htmlY>
<html>
<head>
<title> BMI Berechnen</title>

</head>
  <script language="JavaScript">

function calculateBmi() {
var weight = document.bmiForm.weight.value
var height = document.bmiForm.height.value
if(weight > 0 && height > 0){	
var finalBmi = weight/(height/100*height/100)
document.bmiForm.bmi.value = finalBmi
if(finalBmi < 18.5){
document.bmiForm.meaning.value = " untergewichtig."
}
if(finalBmi > 18.5 && finalBmi < 25){
document.bmiForm.meaning.value = " gesund."
}
if(finalBmi > 25 && finalBmi < 29.9){
document.bmiForm.meaning.value = " leicht übergewichtig."
}
if(finalBmi > 30 && finalBmi < 39.9){
document.bmiForm.meaning.value = " übergewichtig."
}
if(finalBmi > 40){
document.bmiForm.meaning.value = " stark übergewichtig."
}   
}
else{
alert("Bitte geben sie ihre Daten ein!")
}
}
</script>
    
<body style="background-color:#dfffff;">
<center>
    <font face="arial"/>
    <h1> <b> Berechnen Sie ihren BMI: </b> </h1>
    <p> Bitte füllen Sie die ersten zwei Felder aus :</p>
    <form name="bmiForm">
Dein Gewicht in Kg: <input type="text" name="weight" size="10"><br />
Deine Größe in cm: <input type="text" name="height" size="10"><br />
 <br />
<input type="button" value="BMI berechnen" onClick="calculateBmi()" ><br />
<br />
<br />
Dein BMI bertägt: <input type="text" name="bmi" size="10"><br />
Sie sind: <input type="text" name="meaning" size="19"><br />
<p></p>
  
     
            <img src="BMI.jpg" height="400px"/>
        <p></p>
        <input type="reset" value="Zurücksetzen" />
        
        
</form>
</center>    
</body>
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln