zoom.js

$(window).on('scroll', function () {
    if($(window).scrollTop()){
        $('#navbar').addClass('black')
        $('#navbar').addClass('drop-shadow')
        $('.sign-in').addClass('scrolling')
    }
    else{
        $('#navbar').removeClass('black')
        $('#navbar').removeClass('drop-shadow')
        $('.sign-in').removeClass('scrolling')
    }
})

$(function() {
    $('.fa-user').hover(function() {
        $('.sign-in').css('visibility', 'visible');
    }, function() {
        // on mouseout, reset the background colour
        $('.sign-in').css('visibility', 'hidden');
    });
});
$(function() {
    $('.sign-in').hover(function() {
        $('.sign-in').css('visibility', 'visible');
    }, function() {
        // on mouseout, reset the background colour
        $('.sign-in').css('visibility', 'hidden');
    });
});

var x = 0;


const minusbutton = document.getElementById("minus");
const plusbutton = document.getElementById("plus");
let v = document.getElementById("form-input1").innerHTML;

plusbutton.addEventListener("click", () => {
    v++;
    document.getElementById("form-input1").innerHTML= v;
});

minusbutton.addEventListener("click", () => {
    if(v>1) {
        v--;

        document.getElementById("form-input1").innerHTML = v;
    }
});



const hamburger = document.getElementById("menuButton");
const navLinks = document.getElementById("menu");
const links = document.getElementById("menu li");

hamburger.addEventListener("click", () => {
    navLinks.classList.toggle("open");

    links.forEach(link => {
        link.classList.toggle("fade");
    });
});