when user click on like or dislike button the page should not refresh

[AdityaTeng]

for (let i=0;i<elements.length;i++) { elements[i].addEventListener("click",e=>{ e.preventDefault() let id=elements[i].childNodes[1].innerText let l=elements[i].innerText

    like_count = parseInt(elements[i].innerText)
    elements[i].innerText = like_count + 1

    console.log(elements[i], id)

    // let id=elements[i].childNodes[1].innerText
    // let l=elements[i].innerText

    this.console.log(id, l)

    var xhr = new XMLHttpRequest();
    xhr.open('POST', `/getlikes/${id}/${l}`, true)
    xhr.send()

})

}

[AdityaTeng]

The default functionality when an event on button is triggered is that it will reload the page. So we can use e.preventDefault() for that.

and: like_count = parseInt(elements[i].innerText) elements[i].innerText = like_count + 1

above code will change the like count in the frontend before sending the update to the db.