External Javascript - Function not defined when it is?
<p>After coding the CSS, Javascript, and HTML5 code within the same HTML file for this web application, I decided to split the CSS and Javascript into their own respective external files and include them into the HTML5 file.</p>

<p>I ran into a minor issue as to which the Javascript code would not work until I added the following:</p>

<pre><code>window.onload = function() { //script code}
</code></pre>

<p>Now it seems like everything but the functions do not load. Since the error that I discovered using Firebug says the function is not defined yet it clearly is.</p>

<p>Here is the code:</p>

<p>The HTML page
<a href="http://turing.cs.olemiss.edu/~sbadams2/RebelFlow.html" rel="nofollow">http://turing.cs.olemiss.edu/~sbadams2/RebelFlow.html</a></p>

<p>The JS file
<a href="http://turing.cs.olemiss.edu/~sbadams2/RebelFlow.js" rel="nofollow">http://turing.cs.olemiss.edu/~sbadams2/RebelFlow.js</a></p>

<p>I've read other responses which state that the path may be incorrect but everything else within the Javascript file loads fine with the exception of the actual function.</p>

<p>I'm not sure what may be causing this issue.</p>
