JQuery not going inside second function

Question

I am trying to call a new function under existing function. First function works perfectly, but code does not go inside test function. Any idea on this issue?

The error I get on this is : test is not defined

var doIt;
var test;

$(document).ready(function() {
  test(2);
  doIt = function() { //now has global scope.
    test(1);
  };

  test = function(n) {
    alert('test function');
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  <input name="Go" type="button" value="Go" onclick="doIt();" />
</body>

Cannot reproduce, see snippet. (please edit it into a [MCVE]) — CertainPerformance, Oct 16 '18 at 02:49
Actually. I need to call test function on document.ready as well. I have missed that line. Updated in code above @CertainPerformance — Cristal, Oct 16 '18 at 03:06
Please take more than a few seconds to read the linked answer. The first line of the top answer there explains what the problem you're facing is. — CertainPerformance, Oct 16 '18 at 03:12

Gus · Answer 1 · 2018-10-16T03:58:09.193

You just have to define things on the correct places.

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
      var doIt;
      var test;

      $(document).ready(function()
      { 
         // You can't invoke test variable here since it has been declared
         // but not yet initialized.
         // test(2);
         // If you had declared a function instead, like the test2(),
         // then it would be in the scope of the whole document
         test2();

         doIt = function() {
          test(1);
         };

         test = function(n){
            alert('test function');
         };

         //you could invoke it here though, after it has been initialized 
         test(2);
      });
      function test2(){
         alert('test2 function');
      }
    </script>
  </head>
  <body>
    <input name="Go" type="button" value="Go" onclick="doIt();"/>
  </body>
</html>

Note you are not declaring a function anywhere. Instead you are declaring a variable and initializing it with a function later, so you have to respect the variable's scope

I need to call `test(2)` under document.ready as well – Cristal Oct 16 '18 at 03:48 — Cristal, Oct 16 '18 at 03:48

JQuery not going inside second function

1 Answers1