How to Connect Frontend and Backend

As I am a bit beginner

Could anyone help with how can I connect my Front-End (deployed on gh-pages) and backend ( deployed on Heroku) with each other

Frontend consists of simple index.html file and app.js file. And my Backend consist of server.js file.

How should I make changes to both of them. To integrate with each other.