JSFiddle - React, Tailwind, and code Playground

by vicky081

HTML

<ul class="nav">
                <li class="active"><a href="#firstpage">home</a></li>
                <li><a href="demo.html">Demo</a></li>
                <li><a href="#secondpage">second</a></li>
                <li><a href="#thirdpage">third</a></li>
                <li><a href="#fourthpage">fourth</a></li>
                <li><a href="#lastpage">last</a></li>
            </ul>

JavaScript

jQuery(document).ready(function($) {
 $("a").click(function(event) {
                alert("As you can see, the link no longer took you to jquery.com");
                var href = $(this).attr('href');
    if (href.indexOf("#") !== -1) {
    alert("hashtag");
             }
     if(href ==='') {
         alert("It is empty");
     }
     
            });
            });