Unexpected Identifier syntax error

Question

I have a syntax error, but am not sure where. I have no typos and ran an alert as a test and it worked. Also I can use my canvas in my html but not in my external javascript.

HTML:

<div id="inner">
    </div>

JS:

document.getElementById('inner').innerHtml='<canvas id="gameCanvas1" width="800px" height="500px" style="display:block;background:#E6E6E6;margin:100px auto 0px;"></canvas>'

`GetElementById`??? It should be `getElementById` like your first one. — DontVoteMeDown, Jun 04 '14 at 19:19
That took care of the error but the canvas still will not display. — asdfasdf, Jun 04 '14 at 19:22
`innerHtml` is a custom property in HTMLElement, JS really is case-sensitive. — Teemu, Jun 04 '14 at 19:23
Don't use random case. See https://developer.mozilla.org/en-US/docs/Web/API/Element.innerHTML — Denys Séguret, Jun 04 '14 at 19:24
To create the canvas object, look into [this](http://stackoverflow.com/q/10652513/1267304) and [this](http://stackoverflow.com/q/6608996/1267304) posts. — DontVoteMeDown, Jun 04 '14 at 19:56

Denys Séguret · Answer 1 · 2014-06-04T19:25:56.913

2

Remove the

document.getElementById("inner")

at the start of the line and fix the case in the following GetElementById (which should be getElementById) and in innerHtml (which should really be innerHTML).

And next time, ensure your code is easy to read to avoid this kind of error. This means for example you can read it without horizontal scrollbar.

edited Jun 04 '14 at 19:25

answered Jun 04 '14 at 19:19

Denys Séguret

372,613
87
782
758

score 0 · Answer 2 · answered Jun 04 '14 at 19:22

0

Modify your JS as below:

document.getElementById("inner").innerHtml='<canvas id="gameCanvas1" width="800px" height="500px" style="display:block;background:#E6E6E6;margin:100px auto 0px;"></canvas>'

answered Jun 04 '14 at 19:22

user3684675

381
4
8
32

Unexpected Identifier syntax error

2 Answers2