Can't show javascript variable in html

Question

This is the code:

<div id="screen1">You do not have javascript enabled.</div>
<div id="screen2">You do not have javascript enabled.</div>
<script>
   document.getElementById("screen1").innerHTML = return window.screen.availHeight;
   document.getElementById("screen2").innerHTML = return window.screen.availWidth;
</script>

The output for both screen1 and screen2 is You do not have javascript enabled., I thought this way would work because I used this before and it worked:

<div id="locale">You do not have javascript enabled.</div>
<script>document.getElementById("locale").innerHTML = getLang();</script>

remove the return from the return window.screen.availHeight portion — Derek Pollard
– Derek Pollard, Commented Feb 4, 2016 at 18:52

Hatchet · Accepted Answer · 2016-02-04 18:52:21Z

2

If you remove the return keyword, everything will work as normal. Since you're not defining/inside of a function, the return keyword is out of place.

document.getElementById("screen1").innerHTML = window.screen.availHeight;
document.getElementById("screen2").innerHTML = window.screen.availWidth;

<div id="screen1">You do not have javascript enabled.</div>
<div id="screen2">You do not have javascript enabled.</div>

answered Feb 4, 2016 at 18:52

Hatchet

5,4161 gold badge35 silver badges43 bronze badges

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

Comments

Jakir Hossain · Accepted Answer · 2016-02-04 18:55:02Z

document.getElementById("screen1").innerHTML = window.screen.availHeight;
document.getElementById("screen2").innerHTML = window.screen.availWidth;

<!DOCTYPE html>
<html>
<head>
  <title>My HTML</title>
  <meta charset="UTF-8">
</head>
<body>
<div id="screen1">You do not have javascript enabled.</div>
<div id="screen2">You do not have javascript enabled.</div>
</body>
</html>

Try this without return

document.getElementById("screen1").innerHTML = window.screen.availHeight;
document.getElementById("screen2").innerHTML = window.screen.availWidth;

Output from my pc

<div id="screen1">860</div>
<div id="screen2">1440</div>

Collectives™ on Stack Overflow

Can't show javascript variable in html

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related