script.js

$(function(){
    menu = $('nav ul');
    $('#toggle-btn').on('click', function(e){
        e.preventDefault();
        menu.slideToggle();
    });

    $(window).resize(function(){
        var w = $(this).width();
        if (w > 580 && menu.is(':hidden')){
            menu.removeAttr('style');
        }
    });

    $('nav li').on('click', function(e){
        var w = $(window).width();
        if (w< 580) {
            menu.slideToggle();
        }

    });
});

$('open-menu').height($(window).height());


// Smooth scrolling
$('a[href*="#"]')
    .not('[href="#"]')
    .not('[href="#0"]')
    .click(function (event){

        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) 
        { var target = $(this.hash);
            target = target.length ? target : $('[name=' +   this.hash.slice(1) + ']'); 
            if (target.length){
                event.preventDefault();
                $('html, body').animate({
                    scrollTop: target.offset().top

                }, 1000, function (){
                    var $target = $(target);
                    $target.focus();
                    if($target.is(":focus")){
                        return false;
                    } else{
                        $target.attr('tabindex', '-1');
                        $target.focus();
                    }
                });
            }
        }
    });



function date(){

    const today = new Date();
    let s = today.getSeconds();
    let h = today.getHours();
    let m = today.getMinutes();
    let mm = today.getMilliseconds();

    // zero padding
    s = zeroPad(s);
    h = zeroPad(h);
    m = zeroPad(m);
    mm = zeroPad(mm);
    


const showDate = document.getElementById('txt');
showDate.innerHTML = "<h2>" +"Current Time:" + h + ":" + m +":" + s +": " + mm + "</h2>";
const u = setTimeout('date()', 0);
}

function zeroPad(number){
    if (number < 10){
        number = "0"+number;
    }
    return number;
}