JavaScript function call not triggering

Question

Can anyone help in this one?

I have a simple link:

<a href="javascript:ShareOnFacebook()" title="Share on Facebook"
   class="btn btn-facebook">
    <i class="fa fa-facebook"></i> Facebook
</a>

and a simple function call:

function ShareOnFacebook() {
    alert("shared");
}

And the function is just not called. I really don't know what is going on. There must be a solution but I'm not seeing it.

The debugger says:

Uncaught ReferenceError: ShareOnFacebook is not defined

UPDATE

The method is called correctly when the page is loaded for the first time. Every time I reload the page the method is not being called.

Answer 1

The following seems to work fine. Just make sure you define the function in a way that your HTML can see it. For example, before you use it in the HTML.

 function ShareOnFacebook() { alert('hello') } 

 <a href="javascript:ShareOnFacebook()" title="Share on Facebook" class="btn btn-facebook"> <i class="fa fa-facebook"></i> Facebook </a> 

Answer 2

You use the following script instead of your html.

<a onclick="ShareOnFacebook()" title="Share on Facebook" class="btn btn-facebook">
    <i class="fa fa-facebook"></i> Facebook
</a>