javascript function is not working in html

Question

I want to call a function from java-script file in my html page. My code is shown below.

index.html

<!DOCTYPE html>
<html><body>
<h2>Web1</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
    $(function() {
        myFunction1();        // call function
});
</script>

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="socket.io.js"></script>
</body>
</html>

main.js

$(function() {
function myFunction1() {
    alert("ff");
}

myFunction1() is my function. It is inside $(function() {}. But it is not working. It is working when wrote in main.js

function myFunction1() {  // function declaration in global scope
alert("ff");
}

How to define myFunction1() inside $(function() {} in main.js? Please help me?

I have clear it. but my problem is not solve.

joe
– joe

2017-04-25 06:23:16 +00:00
Commented Apr 25, 2017 at 6:23 — joe
– joe, Commented Apr 25, 2017 at 6:23

gaganshera · Accepted Answer · 2017-04-25 06:27:19Z

2

Try this:

(function() {
  function myFunction1() {
      alert("ff");
  }
})()

Notice the syntax errors in the last line })().

edited Apr 25, 2017 at 6:27

answered Apr 25, 2017 at 6:18

gaganshera

2,6372 gold badges16 silver badges21 bronze badges

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

3 Comments

gaganshera Over a year ago

Try it with this: <script type="text/javascript"> $(document).ready(function(){ myFunction1(); }); </script>

gaganshera Over a year ago

The console should be in the browser you're running your html/javascript in. Press F12 and a panel should open up. Check in the Console tab

joe Over a year ago

I want to call the function inside $(function() {} in js file

Abdul Shaikh · Accepted Answer · 2017-04-25 06:20:06Z

0

In my opinion it doesn't look like it really need to be nested inside the anonymous function. If you remove it it should just fine.

answered Apr 25, 2017 at 6:20

Abdul Shaikh

1299 bronze badges

Comments

prog1011 · Accepted Answer · 2017-04-25 06:27:24Z

0

Try to call your function myFunction1() inside .ready() event

It will execute when the DOM is fully loaded.

<script type="text/javascript">
   $(document).ready(function(){    
        myFunction1(); 
   });

</script>

answered Apr 25, 2017 at 6:27

prog1011

3,4856 gold badges34 silver badges59 bronze badges

Comments

Unknown_Coder · Accepted Answer · 2017-04-25 06:28:25Z

0

<!DOCTYPE html>
<html>
<head>
<!--
You can uncomment this in your case
<script type="text/javascript" src="js/main.js"></script>
-->
<script   src="https://code.jquery.com/jquery-3.2.1.min.js"   integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="   crossorigin="anonymous"></script>
</head>

<body>
<h2>Web1</h2>

<script>
$(document).ready(function(){
myFunction1();
});
function myFunction1() {
    alert("ff");
}
</script>
</body>
</html>

Here is your answer. Let me inform if it is helpful to you or not. Thank you!

answered Apr 25, 2017 at 6:28

Unknown_Coder

7726 silver badges24 bronze badges

2 Comments

joe Over a year ago

I want to write the js function in js file.

Unknown_Coder Over a year ago

Yeah! you can do it by just copy paste the script portion into your separate js file and then do uncomment my commented code of script tag. :)

Ashiquzzaman · Accepted Answer · 2017-04-25 07:03:28Z

You are missing import jQuery and syntax errors in the last line })()

Try This :

<!DOCTYPE html>
<html><body>
<h2>Web1</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script  type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
    $(document).ready(function(){    
        myFunction1(); 
   });
function myFunction1() {
  alert("ff");
}
</script>
</body>
</html>

OR

<!DOCTYPE html>
<html><body>
<h2>Web1</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script  type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
    $(function(){    
        myFunction1(); 
   });
function myFunction1() {
   alert("ff");
}
</script>
</body>
</html>

Nina Scholz · Accepted Answer · 2017-04-25 07:42:10Z

0

You need jquery for using parts of it later.

Basically you need to switch function declaration and function call, because inside of jquery's onload, you need the call of the function.

Puth the function declaration outside in the global scope.

function myFunction1() {  // function declaration in global scope
    alert("ff");
}

$(function() {
    myFunction1();        // call function
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Web1</h2>

Version with local function declaration.

$(function() {
    function myFunction1() {  // local function declaration
        alert("ff");
    }

    myFunction1();            // call function
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Web1</h2>

edited Apr 25, 2017 at 7:42

answered Apr 25, 2017 at 6:22

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

6 Comments

joe Over a year ago

It's working. but I want to call the function inside $(function() {} in js file.

Nina Scholz Over a year ago

you call it inside, but maybe i don't understand you problem. please add some more information.

joe Over a year ago

In my html iwant to call myfunction1(). The function is defined in js file and it inside $(function() {}. So i want to call the function from $(function() {}. Now it is not working.

Nina Scholz Over a year ago

then take the first proposal with a global function.

joe Over a year ago

how is it? can you please explain?

|

Collectives™ on Stack Overflow

javascript function is not working in html

6 Answers 6

3 Comments

Comments

Comments

2 Comments

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

Comments

2 Comments

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related