Home/ Questions/Q 8854995
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T14:01:09+00:00

My HTML file: <html> <head> <script src=//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js /> <script src=script.js type=text/javascript></script> </head> <body> <form

  • 0

My HTML file:

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" />
        <script src="script.js" type="text/javascript"></script>
    </head>
    <body>
        <form name="someForm">
            <input type="button" value="Click me" onClick="myFunction()" />
        </form>
        <div id="result"></div>
    </body>
</html>

My script.js file:

function myFunction(){
    $("#result").html("BUTTON WORKS");
}

I have Firebug, and whenever I click the button, Firebug throws me this error:

ReferenceError: myFunction is not defined

What am I doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I solved the problem by combining answers from @Susbanth, @MBO, and @dystroy.

    Here’s my new HTML file:

    <html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="script.js" type="text/javascript"></script>
    </head>
    <body>
        <form name="someForm">
            <input type="button" value="Click me" />
        </form>
        <div id="result"></div>
    </body>
</html>

    I added “http” to the jQuery source, closed the tag, and removed the ‘onClick’ from inside the HTML.

    Here’s the updated script.js file:

    $(document).ready(function(){
    $("input[type=button]").on("click",function(){
        $("div#result").html("BUTTON WORK");
    });
});

    I made the onClick event a jQuery event.

    • 0