JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/1.1.3/phaser.min.js"></script>
<div id="game_div"></div>

CSS

#game_div {
        width: 400px;
        margin: auto;
    }

JavaScript

var game = new Phaser.Game(400, 400, Phaser.AUTO, 'game_div', { preload: preload, create: create });

function preload() {
    this.game.load.image('button', 'https://s3.amazonaws.com/uploads-1969f46zwpmbh5cm3kr2/hello.png');
}

var button;
var text;

function create() {
    game.stage.backgroundColor = '#223333';
    button = game.add.button(1, 1, 'button', btnclick, this);
    button.onInputOver.add(btnover, this);
    
    text = game.add.text(1,100,'click or over');
}

function btnclick(btn) {
    text.setText('click');
}

function btnover(btn) {
    text.setText('over');
}