Wie man Ausgabe in Textarea setzt? (JAVASCRIPT)

Also das ist meine Codierung, ich hoffe wirklich, dass ihr mir helfen könnt. Ich versuche das Ergebnis der Berechnung in das Textfeld zu schreiben, aber ich weiß einfach nicht wie und was ich verwenden soll.Wie man Ausgabe in Textarea setzt? (JAVASCRIPT)

Ich habe versucht, span ID und getElementById zu verwenden. Ich denke, die Sprache, die ich benutzt habe, ist die grundlegendste Sprache.

<html> 
 
<head> 
 

 
<script type="text/javascript"> 
 

 
function bmicalc() 
 
{ 
 
\t var fheight = document.form1.fheight.value; 
 
\t var fweight = document.form1.fweight.value; 
 
\t var result; 
 
\t 
 
\t result = fweight/(fheight * fheight); 
 

 
\t return result; 
 
} 
 

 
</script> 
 

 
</head> 
 

 
<body> 
 

 
<p align="center"><b><font size="4">BMI CALCULATOR</font><b></p> 
 

 
<form name="form1" method="post" action=""> 
 
<table border="0" align="center"> 
 

 
<tr> 
 
<td>Height:</td> 
 
<td><input name="fheight" type="text" size="15"> meters 
 
</tr> 
 

 
<tr> 
 
<td>Weight:</td> 
 
<td><input name="fweight" type="text" size="15"> kilograms 
 
</tr> 
 

 
<tr> 
 
<td colspan="2" align="center"> 
 
<input type="submit" name="submit" value="Get result" onclick="bmicalc()"> 
 
<input type="reset" name="reset" value="Reset"> 
 
</td> 
 
</tr> 
 

 
<tr> 
 
<td colspan="2" align="center"> 
 
<textarea name="result" cols="30" rows="5" > 
 
Your BMI is <result> 
 
</textarea> 
 
</tr> 
 

 
</body> 
 
</html>

Quelle

2016-07-21 Nur Haziqah

function bmicalc() 
{ 
    var fheight = document.form1.fheight.value; 
    var fweight = document.form1.fweight.value; 
    var result; 

    result = fweight/(fheight * fheight); 

    document.getElementById('result').innerHTML = result; 
}

Quelle

2016-07-21 17:08:06 Nezir

Ihnen danken. aber es funktioniert nicht .. –

Es sollte, fügen Sie es in Ihre Konsole zu Testzwecken –

Modifi Sie bmicalc

function bmicalc() 
{ 
    var fheight = document.form1.fheight.value; 
    var fweight = document.form1.fweight.value; 
    var result; 

    result = fweight/(fheight * fheight); 
    document.form1.result.value = "Your BMI is " + result; 
    return result; 
}

Quelle

2016-07-21 17:09:03 user3091574

Sie müssen den Wert der Textbereich auf das Ergebnis ändern

Sie dies, indem Sie diesen Code tun können kurz bevor Sie Ihren Ergebniswert zurückgeben

document.getElementById('result-textarea').value = 'Your BMI result' + result;

und ändern auch den Textbereich zu

<textarea id="result-textarea" name="result" cols="30" rows="5" > 

</textarea>

Außerdem würde Ich mag darauf hinweisen, dass, wenn Sie irgendeine Art von Rahmen oder Bibliothek verwenden <result> ist kein gültiges HTML-Element.

Quelle

2016-07-21 17:11:15

Try this:

function bmicalc() 
 
{ 
 
\t var fheight = document.form1.fheight.value; 
 
\t var fweight = document.form1.fweight.value; 
 
\t var result; 
 
\t 
 
\t result = fweight/(fheight * fheight); 
 

 
    document.getElementById('result').value = "Your BMI is " + result; 
 
    
 
\t return result; 
 
}

<p align="center"><b><font size="4">BMI CALCULATOR</font><b></p> 
 

 
<form name="form1" method="post" action=""> 
 
<table border="0" align="center"> 
 

 
<tr> 
 
<td>Height:</td> 
 
<td><input name="fheight" type="text" size="15"> meters 
 
</tr> 
 

 
<tr> 
 
<td>Weight:</td> 
 
<td><input name="fweight" type="text" size="15"> kilograms 
 
</tr> 
 

 
<tr> 
 
<td colspan="2" align="center"> 
 
<input type="submit" name="submit" value="Get your result!" onclick="bmicalc()"> 
 
<input type="reset" name="reset" value="Reset"> 
 
</td> 
 
</tr> 
 

 
<tr> 
 
<td colspan="2" align="center"> 
 
<textarea name="result" cols="30" rows="5" id="result"></textarea> 
 
</tr>

Quelle

2016-07-21 17:11:16 Cameron

es funktioniert, aber die Ausgabeanzeige in einem Blick. –

Wie man Ausgabe in Textarea setzt? (JAVASCRIPT)

Antwort

Verwandte Themen