Home/ Questions/Q 958819
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T00:55:33+00:00

I’m new to JavaScript and jQuery. I want to click a button and have

  • 0

I’m new to JavaScript and jQuery. I want to click a button and have a js function executed. (For this example, it’s just an alert, but it’s actually an ajax function.)

The first alert appears, but after I click the button, I never see the second ("did it") alert. It looks like JavaScript doesn’t think the doIt() function is defined when the button is clicked.

Here’s the relevant code:

$(document).ready(function()
{ 
    alert('ready');

    function doIt() {
        alert('did it');
    };
}
)

<body>
    <input name="Go" type="button" value="Go" onclick="doIt();"/>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s because that function isn’t in a global context, which is where your onclick="" is looking for it. You need to move it outside your document.ready (so it’s not scoped exclusively to that closure), or (a better approach IMO) bind it inside the document.ready, here’s what I mean by each:

    Binding it inside (remove your onclick="" for this):

    $(document).ready(function() { 
  alert('ready');
  $("input[name='Go']").click(doIt);
  function doIt() {
    alert('did it');
  }
});

    or the anonymous version (again remove your onclick=""):

    $(document).ready(function() { 
  alert('ready');
  $("input[name='Go']").click(function() {
    alert('did it');
  });
});

    Or move it outside (keep your onclick=""):

    $(document).ready(function() { 
  alert('ready');
});
function doIt() {
  alert('did it');
}
    • 0