Repeat a JavaScript result that is being displayed with again on the same page

Question

The scenario, I have several JavaScript calculations (based on user input) on my page. The results of which are displayed via <span id="x"></span> for example..

document.getElementById("x").innerHTML = +(Math.round(document.form.input.value /25.4 + "e+2")  + "e-2");

My question is how best to display the result if I want to use it again later in the same page.

I have tried just using <span id="x"></span> again later in the page but because the "id" is the same this doesn't work so my current workaround is just to simply repeat the JavaScript calc again and then call it again with "2" on the end like so..

<span id="x2"></span>

document.getElementById("x2").innerHTML = +(Math.round(document.form.input.value /25.4 + "e+2")  + "e-2");

but this has resulted in a lot of repeated/unnecessary extra calculations and I can't help but think there must be a simpler way to repeat the result later on in the same page?

Does this answer your question? [How to use innerHTML with class](https://stackoverflow.com/questions/11489716/how-to-use-innerhtml-with-class) — mark_b, Jan 14 '20 at 16:33
@mark_b I really don't like the accepted answer of that question — Christian Vincenzo Traina, Jan 14 '20 at 16:36
@CristianTraìna Then add an answer you do like... and downvote the accepted answer. — Heretic Monkey, Jan 14 '20 at 16:38
@AmitSharma Read the answers to [What do querySelectorAll and getElementsBy* methods return?](https://stackoverflow.com/q/10693845/215552). There is no `getElementByClassName`. — Heretic Monkey, Jan 14 '20 at 16:40
@AmitSharma You can't do that. It returns an array like object on which you would have to iterate to get the innerHTML — Michelangelo, Jan 15 '20 at 19:45

score 0 · Answer 1 · edited Jan 14 '20 at 16:42

0

create unique IDs in different span elements, create a function and the pass the IDs.

function fun(id) {
    document.getElementById(id).innerHTML = +(Math.round(document.form.input.value /25.4 + "e+2") + "e-2");
}

edited Jan 14 '20 at 16:42

Tom O.

5,730
2
21
35

answered Jan 14 '20 at 16:41

Uwem Slim Udoh

1
1

looks, good, how do i pass the ids please? Like ? – Glen Keybit Jan 14 '20 at 18:00

score 0 · Answer 2 · answered Jan 15 '20 at 19:38

0

then anywhere you want to trigger the function, use func(x2)

answered Jan 15 '20 at 19:38

Uwem Slim Udoh

1
1

Repeat a JavaScript result that is being displayed with again on the same page

2 Answers2