Javascript function not printing onto the console

Question

Why the following is not being printed to the console? I cant understand what the error is ..can Some one help me debug the error.

<script type="text/javascript" src="static/js/scenes/scene_world.js">
  //document.write("<button type='button' onclick='click();'>Click Me!</button>");
  //document.write("<input id='clickMe' type='button' value='clickme' onclick='lol();' />");
    console.log("lol");
  </script>

inside scene_world.js:

  function lol(){
  console.log("lol");
  }

Tired accessing it from outside like this:

  <script type="text/javascript" src="static/js/scenes/scene_world.js">
  //document.write("<button type='button' onclick='click();'>Click Me!</button>");
  //document.write("<input id='clickMe' type='button' value='clickme' onclick='lol();' />");

  </script>
  <script>
  document.write("<input id='clickMe' type='button' value='clickme' onclick='lol();' />");
  </script>

But it is giving me this error:

Uncaught ReferenceError: lol is not defined

Answer 1

script tags with an src attribute cannot have inline content as well. You need to create a new script block for that.

Answer 2

According to the official w3c html specification:

If the src has a URI value, user agents must ignore the element's contents and retrieve the script via the URI

For details see the Reference

Answer 3

From the w3c .

If the src attribute is not set, user agents must interpret the contents of the element as the script. If the src has a URI value, user agents must ignore the element's contents and retrieve the script via the URI.

Answer 4

You should clear everything between the <script> tags with a src attribute and put your codes in a separate <script> tag.

<script type="text/javascript" src="static/js/scenes/scene_world.js"></script>
<script>
document.write("<input id='clickMe' type='button' value='clickme' onclick='lol();' />");
</script>

See DEMO .

Answer 5

Okay, after your edit, scene_world.js is fine. Why use document.write(..) ?

<script type="text/javascript" src="static/js/scenes/scene_world.js">
</script>
<input id='clickMe' type='button' value='clickme' onclick='lol();'/>

Should work when button is clicked.

For direct call:

<script type="text/javascript" src="static/js/scenes/scene_world.js">
</script> 
<script type="text/javascript">
    lol();
</script>

Have you inserted those script tags inside head or body ?

Answer 6

It was not printing on to the console because the function i tried invoking was inside another function. So it was not properly invoked. A careless mistake.