The Challonge JavaScript API allows you to control embedded Challonge brackets from client-side browsers and react to events triggered by them. This API is for client-side use, and you can interact with it using the embed URL of a tournament. For example, the embed code for challonge.com/single_elim is:

How to talk to the API

When embedding a Challonge bracket in an iframe, you can send messages from the parent window with postMessage() as follows:

For example:

For development and debugging, you can access window.ChallongeJSAPI when viewing a bracket directly on Challonge.com. For example ChallongeJSAPI.setZoomScale(1.5)

Getting Started

How to talk to the API#

How to talk to the API