Function! Need Assistance

Question

I'm having confusion with the function im using. I'm trying to show an alert message that pops up when the page first loads and also trying to show the user which browser they are currently using, using the Window.navigator Object, theres a few things i still need but nothing is coming up from the code i inputed. Some pointers? or maybe a solution to what i should do?

Heres the js:

function myFunction_3() { 
 var newel = document.createElement("Skills"); 
 var text = document.createTextNode("Proficient with"); 
 txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>"; 
 document.getElementById("flow").innerHTML=txt; 
 newel.appendChild(text); 
 document.getElementById("list").appendChild(newel); 
 newel.appendChild("rightcol") 
 alert("Page is loaded");
}

• Matt Greer: where are you calling this function? Can you show relevant bits from the HTML page?
• Mike Samuel: Do you see any error message in the console?
• Akshay: how is this function called? What does your html have? do you see any js errors when the page loads?
• Felix Kling: Please provide a better, expressive title for your question.

Answer 1

newel.appendChild("rightcol")

is going to fail with an exception because "rightcol" is a string, not a DOM node.

Did you meant to create an element with id "rightcol" but forgot to code that, or pull out part of the existing DOM using document.getElementById("rightcol")?

• Mike Samuel: @ChristiaanScheermeijer, Average Joe can obviously clear this up, but I doubt it since newel is appended to #list in the previous line.

Answer 2

At the bottom of your page call the function:

 <script type="text/javascript">
 myFunction_3();
 </script> 

I say at the bottom because it needs to run after all the controls on the page are created.