how javascript to jquery

Question

const boxes = document.querySelectorAll('.box')

window.addEventListener('scroll', checkBoxes)

checkBoxes()

function checkBoxes() {

const triggerBottom = window.innerHeight / 5 * 4



boxes.forEach(box => {

    const boxTop = box.getBoundingClientRect().top



    if(boxTop < triggerBottom) {

        box.classList.add('show')

    } else {

        box.classList.remove('show')

    }

})

}

Answer 1

You must check jQuery API to understand what's going on here:

const boxes = $('.box')

$(document).on('scroll', checkBoxes)

checkBoxes()

function checkBoxes() {

const triggerBottom = window.innerHeight / 5 * 4

boxes.each(() => {

    const boxTop = box.getBoundingClientRect().top

    if(boxTop < triggerBottom) {

        $(this).addClass('show')

    } else {

        $(this).removeClass('show')

    }

})

References:

$ - selecting elements
on() - adding events
each() - each element
addClass() - add class
removeClass() - remove class

Answer 2

got the solution, you just do the following steps

Go to

https://www.lfd.uci.edu/~gohlke/pythonlibs/#pyodbc

Download the suitable '".whl"' file (Make sure you choose the correct whl file. For example: If you are using Python 3.10 on a 64-bit machine choose '''pyodbc-4.0.32-cp310-cp310-win_amd64.whl'''.)

run

pip install pyodbc-4.0.32-cp310-cp310-win_amd64.whl