出力をテキストエリアに入れる方法は？（JAVASCRIPT）

これは私のコーディングなので、皆さんが私を助けてくれることを本当に願っています。私は計算結果をテキストエリアに入れようとしていますが、どうやって使うべきか分かりません。出力をテキストエリアに入れる方法は？（JAVASCRIPT）

私はスパンIDとgetElementByIdを使用しようとしています。私が使った言語は最も基本的な言語だと思います。

<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>

出典

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; 
}

出典

2016-07-21 17:08:06 Nezir

はあなたに感謝します。それは動作しません.. –

テスト目的のためにあなたのコンソールにそれを貼り付ける必要があります –

あなたはこのコードを追加することでこれを行うことができ、結果

にテキストエリアの値を変更する必要がMODIFIあなた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; 
}

出典

2016-07-21 17:09:03 user3091574

結果の価値を返す直前電子

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

もが

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

</textarea>

にテキスト領域を変更すると、さらに私は、あなたが、フレームワークやライブラリ<result>のいくつかのタイプを使用している場合を除き、有効なhtml要素ではないことを指摘したいと思います。

出典

2016-07-21 17:11:15

はこれを試してみてください：

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>

出典

2016-07-21 17:11:16 Cameron

それは動作しますが、垣間見える出力ディスプレイ。 –

出力をテキストエリアに入れる方法は？ （JAVASCRIPT）

答えて

関連する問題

出力をテキストエリアに入れる方法は？（JAVASCRIPT）