how to insert two javascript variables into HTML elements?

Question

Just want two simple javascript vars to show up as text on the page. This code works for one variable but when I add a second call to getElementById it shows nothing:

html

 <p id="demo"></p>
 <span id="temper"></span>

JS

document.getElementById("demo").innerHTML = location;

document.getElementById("temper").innerHTML = temp_f;

is there any error in the console... and which is the browser used — Arun P Johny
– Arun P Johny, Commented Apr 21, 2015 at 3:06
Your code snippet will work fine in at least some browsers...as long as location and temp_f both have values. Do they? — S McCrohan
– S McCrohan, Commented Apr 21, 2015 at 3:08
In that case it should work fine. just make sure you run that code in window.onload. Can you share where you've defined the location and temp_f variable — mohamedrias
– mohamedrias, Commented Apr 21, 2015 at 3:32

A.J. Uppal · Accepted Answer · 2015-04-21 03:57:43Z

2

Your problem is that you are trying to assign the variable location, which shadows the built-in:

var location = "x";

Instead, change the variable name to something else, for example, loc:

var loc = "x",
    temp_f = "y";

document.getElementById("demo").innerHTML = loc;

document.getElementById("temper").innerHTML = temp_f;

 <p id="demo"></p>
 <span id="temper"></span>

answered Apr 21, 2015 at 3:57

A.J. Uppal

19.3k7 gold badges47 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

how to insert two javascript variables into HTML elements?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related