Fahad Uddin Fahad Uddin - 1 month ago 5
Javascript Question

onclick not working with button

I am trying to make a javascript function work on pressing search button but the function doesnt seem to run. Please guide. Fiddle.

<form action="" method="get" id="searchform" >
<input name="q" type="text" id="search" size="32" maxlength="128" class="txt"/>
<input type="submit" id="hit" value="Search" onclick="myFunction()" class="btn"/>

Heres the JS,

function myFunction() {
alert("I am an alert box!");


You have wrapped the function in the body, onLoad, just change it to no wrap - in <head>. See this fiddle.

function myFunction() {
    alert("I am an alert box!");


You also have an extra }; in your code,


This happens because:

  • if the function is place inside $(document).ready, then it can only be used within the ready callback (and in the inner objects). You can't reference it outside.

  • but if you are placing it outside the ready function then it gets global scope, i.e. you can call it from anywhere.