🚀 go-pugleaf

In index.html file I have:

<body>

   <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
     <a class="navbar-brand" href="javascript:main();">Tron Game</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" 
data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault"
       aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>

     <div class="collapse navbar-collapse" id="navbarsExampleDefault">
       <ul class="navbar-nav mr-auto" id="score-list">
       </ul>
     </div>
   </nav>

   <main role="main" class="container-fluid">
     <div class="game-container">
       <canvas id="myCanvas" width=600 height=600 style="border:2px 
solid #eee;">
       </canvas>
     </div>
   </main>
   <!-- /.container -->

   <script src="./index.js"></script>

</body>

File index.js contains many functions, for example main(). I want to 
have main() called when user clicks on Tron Game text.
The solution above does not work, nothing happends when Tron Game link 
is clicked.