script.js

function enterSite() {
    $('#landing').css('transform', 'translate(-200vw)')
    $('#dimmed-bg').css('visibility', 'visible')
    $('#dimmed-bg').css('transform', 'translate(0)')

    $('#above-fold').css('opacity', '1')
    $('#full-site').css('visibility', 'visible')
    $('#full-site').css('overflow', 'visible')
    $('#full-site').css('max-height', 'auto')
    $('#register-side-bar').css('transform', 'translate(0)')
}
$('#visible-section').mouseenter(() => { openForm(); })
$('#empty-section').mouseenter(() => { closeForm() })
$('#form-section').mouseleave(() => { closeForm() })



function openForm() {
    $('#register-side-bar').css('transform', 'translate(-538px)')
    $('#register-side-bar').css('transition-delay', '0s')
    $('#register-side-bar').css('z-index', '100')

    $('#call-num').css('opacity', '0')
    $('#reg').css('opacity', '0')
}

function closeForm() {
    $('#register-side-bar').css('transform', 'translate(0)')
    $('#register-side-bar').css('z-index', '0')

    $('#call-num').css('opacity', '1')
    $('#reg').css('opacity', '1')

}
(function manageTotalUsers() {
    let totalUsers = String(getRandom(100000, 200000));
    totalUsers = addComma(totalUsers);

    addToTotalUsers(totalUsers);

    function addToTotalUsers(currentValue) {
        let num = Number(currentValue.replace(",", ""))
        num++;
        num = String(num)
        num = addComma(num)
        $('#total-users').html(num)

        setTimeout(function() {
            addToTotalUsers(num)
        }, getRandom(100, 2000))
    }

    function getRandom(max, min) {
        return Math.floor(Math.random() * (max - min) + min)
    }

    function addComma(num) {
        return num.slice(0, 3) + ',' + num.slice(3, 6)
    }
})()