Question

10

How To get values in Span Tag from JS

rated 0 times [ 12] [ 2] / answers: 1 / hits: 75282 / 12 Years ago, fri, june 29, 2012, 12:00:00

I am trying to make a BMI Calculator using HTML. The inputs come from text fields. I am making some calculation with them in a Javascript function. I want to get the calculated values in a span like this:

<span id= class=>Your Calculation Results is = </span>

<span id= class=>    I want the result here     </span>

====================================================================
Edit : The part that i am asking about

<script language=javascript>

var bmi = document.getElementById(ID_bmiResult2).innerHTML;

bmi.value = weight / (heightInMeter * heightInMeter);

</script>



<body>

<span id=ID_bmiResult2>  </span>

</body>

i don't know how to make it ...

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leog

Add To Favorites

Follow

Total Points: 225

Total Questions: 113

Total Answers: 118

Location: Oman

Member since Wed, Apr 12, 2023

1 Year ago

leog questions

1 Why using toRef(props) and is it good idea to change their value in CompositionAPI?

Fri, Oct 1, 21, 00:00, 3 Years ago

1 Material-UI pickers trigger validation on blur not on change?

Sun, Sep 13, 20, 00:00, 4 Years ago

1 What's the difference between onClick ={ () => function()} and onClick = {function()}?

Thu, Jul 16, 20, 00:00, 4 Years ago

1 Detect an Electron instance via JavaScript

Mon, May 11, 20, 00:00, 4 Years ago

1 changing theme with react native elements not working?

Sat, Apr 18, 20, 00:00, 4 Years ago

View All

answered 12 Years ago kentrelle · Accepted Answer

Edit: As it was pointed out, FF doesn't like innerText, so I'm replacing to innerHTML which in this particular case doesn't not change the overall functionality of the script.

You can get the 2nd span and pass the value directly to innerHTML like this:

document.getElementsByTagName('span')[1].innerHTML= 'the result';

Note: Consider using and id or class so you can find the exact element you need to change instead of retrieving several elements of that type (in this case span).
If you had an id, it would be like this:

document.getElementById('the id goes here').innerHTML= 'the result';

Edit2: This edit was made after the OP changed his question
It got really confusing now that I'm seeing your code.
I've written this fiddle so you can see it working