JQuery function uncaught reference error

Question

I hate to ask such a basic question, but I am having a hard time finding solid examples online. I'm green to all of this.

I have the following HTML Page:

<!DOCTYPE html>
<html lang="en">
<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" >
  $(function (Function1() {
   alert('Hello from JavaScript!');
  }));
 </script>
</head>
<body>
<div class="container">
    <button onclick="Function1()">
        Click me!
    </button>
</div>
</body>
</html>

I receive the following error in the chrome console on click:

Uncaught ReferenceError: Function1 is not defined

It has to be something obvious, but I don't know why my function call isn't working. I must have some kind of JQuery specific syntax wrong.

I recommend reading docs.jquery.com/Tutorials:Getting_Started_with_jQuery — Ram
– Ram, Commented May 23, 2013 at 0:54
Could you recommend a good reference for function calls? Simple examples would be most helpful — Shrout1
– Shrout1, Commented May 23, 2013 at 0:55
Try reading "JavaScript: The Good Parts" (you can find it on Amazon or anywhere really). — Shadow Man
– Shadow Man, Commented May 23, 2013 at 0:57

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

This is the fix for your issue: Your syntax was wrong.

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     
    <script type="text/javascript">
        function Function1() {
            alert('Hello from JavaScript!');
        }
    </script>
</head>
<body>
    <div class="container">
        <button onclick="Function1()">Click me!</button>
    </div>
</body>

You could just create a click handler instead.

Example:-

Fiddle

$(function(){

    $('#clickMe').click(function(){
     alert('Hello from JavaScript!');
    })
})

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered May 23, 2013 at 0:55

PSL

124k21 gold badges257 silver badges243 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery function uncaught reference error

1 Answer 1

Fiddle

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related