JavaScript string doesn't get displayed on the page

Question

pretty new to javascript and doing some examples from a book, can't understand why this isn't producing any text strings on the page when loaded.

function init()
{
var sum = 80 + 20;
var sub = sum - 50;
var mul = sum * 5;
var div = sum / 4;
var mod = sum % 2;
var inc = ++sum;
var dec = --sum;

var str = "Sum: " + sum;
str += "<br>Subtraction: " + sub;
str += "<br>Multiplication: " + mul;
str += "<br>Division: " + div;
str += "<br>Modulus: " + mod;
str += "<br>Increment: " + inc;
str += "<br>Decrement: " + dec;

document.getElementById( "Panel" ).innerHTML = str;
}
document.addEventListener("DOMContentLoaded" , init , false);

And the html5 code;

 <!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="arithmetic.js"></script>
<title>Doing Arithmetic</title>
</head>

<body>

<div id="panel"> </div>

</body>

</html>

Panel in your Javascript code should probably be in lowercase so it matches :) — Dave Forber
– Dave Forber, Commented Oct 3, 2013 at 9:51
wow. what an idiot. i have read over every letter for the last half an hour, didn't notice that though! Thanks very much everyone! — DJC
– DJC, Commented Oct 3, 2013 at 9:53
Personally I would change the HTML to match the JS id. No-one likes capitalised html attributes. :) — Andy
– Andy, Commented Oct 3, 2013 at 9:54

rid · Accepted Answer · 2013-10-03 09:51:23Z

3

Your <div> has an id of panel, not Panel. The IDs need to match. So you can either change the JavaScript code:

document.getElementById( "panel" )

or the HTML:

<div id="Panel"> </div>

answered Oct 3, 2013 at 9:51

rid

64k31 gold badges159 silver badges201 bronze badges

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

Comments

Adarsh Kumar · Accepted Answer · 2013-10-03 09:52:47Z

0

Replace

<div id="panel"> </div>

with

<div id="Panel"> </div>

and it will work. P in panel should be capital.

answered Oct 3, 2013 at 9:52

Adarsh Kumar

1,1607 silver badges21 bronze badges

Collectives™ on Stack Overflow

JavaScript string doesn't get displayed on the page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related