Clicking on link with onclick doesn't work

Question

Good day, I made a link in html

<a href="javascript:void(0);" onClick="next(1)" id="next"></a>

If i click on it nothing happens. Can't use href="#" and that also doesn't work. But If I call next(1) in console it does work.

Answer 1

Event-handler specified inline expects function to be under global-scope

 function next(id) { alert(id); } 

 <a href="javascript:void(0);" onClick="next(1)" id="next">Element</a> 

Answer 2

It is better to not use capital case and use just onclick .

<a href="javascript:void(0);" onclick="next(1);" id="next"></a>

   <script>
       function next(value){
        alert(value);
       }
   </script>

Answer 3

Function "next()" already exists in javascript so it can't be called. Renamed to nextone() works just fine.