# Clickable button in phaser wont work

**URL:** <https://phaser.discourse.group/t/clickable-button-in-phaser-wont-work/3529>\
**Category:** Phaser 3\
**Created:** [August 21, 2019, 10:28am UTC](https://phaser.discourse.group/t/clickable-button-in-phaser-wont-work/3529 "2019-08-21T10:28:11Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yoreni](https://avatars.discourse-cdn.com/v4/letter/y/8e7dd6/32.png) [@Yoreni](https://phaser.discourse.group/u/Yoreni)\
**Post date:** [August 21, 2019, 10:28am UTC](https://phaser.discourse.group/t/clickable-button-in-phaser-wont-work/3529/1 "2019-08-21T10:28:11Z")

</div>

i get this error and its point it at phaser  
phaser.js:1744 Uncaught TypeError: The listener must be a function  
at addListener (phaser.js:1744)  
at Image.on (phaser.js:1912)  
at Scene.create (main.js:51)  
at SceneManager.create (phaser.js:74006)  
at SceneManager.loadComplete (phaser.js:73918)  
at LoaderPlugin.emit (phaser.js:1867)  
at LoaderPlugin.loadComplete (phaser.js:167611)  
at LoaderPlugin.fileProcessComplete (phaser.js:167577)  
at ImageFile.onProcessComplete (phaser.js:4398)  
at Image.data.onload (phaser.js:13176)  
addListener @ phaser.js:1744  
on @ phaser.js:1912  
create @ main.js:51  
create @ phaser.js:74006  
loadComplete @ phaser.js:73918  
emit @ phaser.js:1867  
loadComplete @ phaser.js:167611  
fileProcessComplete @ phaser.js:167577  
onProcessComplete @ phaser.js:4398  
data.onload @ phaser.js:13176  
load (async)  
onProcess @ phaser.js:13172  
nextFile @ phaser.js:167511  
onLoad @ phaser.js:4327  
load (async)  
XHRLoader @ phaser.js:92423  
load @ phaser.js:4299  
(anonymous) @ phaser.js:167465  
each @ phaser.js:20130  
checkLoadQueue @ phaser.js:167451  
update @ phaser.js:167433  
emit @ phaser.js:1887  
step @ phaser.js:33915  
update @ phaser.js:73957  
step @ phaser.js:134326  
step @ phaser.js:63398  
step @ phaser.js:63634  
requestAnimationFrame (async)  
step @ phaser.js:63636  
requestAnimationFrame (async)  
step @ phaser.js:63636  
requestAnimationFrame (async)  
step @ phaser.js:63636  
requestAnimationFrame (async)  
step @ phaser.js:63636  
requestAnimationFrame (async)  
step @ phaser.js:63636  
requestAnimationFrame (async)  
step @ phaser.js:63636  
requestAnimationFrame (async)  
start @ phaser.js:63685  
start @ phaser.js:63272  
start @ phaser.js:134271  
texturesReady @ phaser.js:134251  
emit @ phaser.js:1885  
updatePending @ phaser.js:75573  
emit @ phaser.js:1866  
image.onload @ phaser.js:75699  
load (async)  
addBase64 @ phaser.js:75691  
boot @ phaser.js:75552  
emit @ phaser.js:1885  
boot @ phaser.js:134234  
check @ phaser.js:65781

and this is my code  
function create ()  
{  
this.add.image(400, 300, ‘background’);

```
    middle = this.add.image(400, 300, '').setScale(3);
	hand1 = this.add.image(400,500,"back").setScale(3);
	hand1.setInteractive();
	hand1.on('pointerover',playCard(hands[0]));
	hand2 = this.add.image(400,100,"back").setScale(3);
	hand2.setInteractive();
	hand2.on('pointerover',playCard(hands[1]));
}
```