How to put output in textarea? (JAVASCRIPT)

Question

So this is my coding, I really hope you guys can help me. I'm trying to put the result of the calculation in the textarea but I just don't know how and what should I use.

I have been trying to use span ID and getElementById. I think the language that I used is the most basic language.

<html>
<head>

<script type="text/javascript">

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

	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>

Nezir · Accepted Answer · 2016-07-21 17:08:06Z

3

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

answered Jul 21, 2016 at 17:08

Nezir

6,93312 gold badges59 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Baldráni Over a year ago

It should, paste it in your console for testing purpose

Isabel Inc · Accepted Answer · 2016-07-21 17:11:15Z

1

You need to change the value of the textarea to the result

You can do this by adding this code just before returning your result value

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

And also changing the text area to

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

</textarea>

Additionally I would like to point out that unless you're using some type of framework or library <result> is not a valid html element.

answered Jul 21, 2016 at 17:11

Isabel Inc

1,8992 gold badges21 silver badges29 bronze badges

Comments

Cameron · Accepted Answer · 2016-07-21 17:11:16Z

Try this:

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

    document.getElementById('result').value = "Your BMI is " + result;
    
	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>

ashishmaurya · Accepted Answer · 2016-07-21 17:09:03Z

0

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

answered Jul 21, 2016 at 17:09

ashishmaurya

1,19610 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to put output in textarea? (JAVASCRIPT)

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related