Question

I am trying to insert a text node into an tag in my document, but for some reason it doesn’t seem to work (I don’t get any messages, just doesn’t work!). HTML and JS below. Any help will be very appreciated!

HTML (only the part that matters):

<div>
    <h4 id="hompageNameDiv"></h4>
</div>

Java Script (again, only the part we actually care about):

window.onload = function () {
 var userPersonalName = "jonathan";
 var didSetPersonalname = true;
 if (didSetPersonalName == true) {
  var nametextNode = document.createTextNode(userPersonalName);
  var hompageUserPersonalName = document.getElementById("hompageNameDiv");
  hompageUserPersonalname.appendChild(nametextNode);

 }
}

Again, ANY help is highly appreciated! 😀

Answer 1

Two typos:

• didSetPersonalname vs didSetPersonalName
• hompageUserPersonalName vs hompageUserPersonalname

Variable names in JS are case sensitive. Also, learn how to use your browser’s debugging facility 😉 nowadays, nearly all browsers have it:

• Firefox (Firebug)
• IE9+ (press F12)
• Chrome