# How do I change the size of the clickable area?

**URL:** <https://phaser.discourse.group/t/how-do-i-change-the-size-of-the-clickable-area/11559>\
**Category:** Phaser 3\
**Created:** [April 20, 2022, 1:12am UTC](https://phaser.discourse.group/t/how-do-i-change-the-size-of-the-clickable-area/11559 "2022-04-20T01:12:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ederish\_Herrera](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/ederish_herrera/32/5534_2.png) [@Ederish\_Herrera](https://phaser.discourse.group/u/Ederish_Herrera)\
**Post date:** [April 20, 2022, 1:12am UTC](https://phaser.discourse.group/t/how-do-i-change-the-size-of-the-clickable-area/11559/1 "2022-04-20T01:12:54Z")

</div>

I’m making a dr trivia game. The problem is that the clickable area has moved. How do I make the clickable area fit the button?

 ![image](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/2/2617313f788399fdb64d64dfe358e883011580e9.jpeg)

//------------------------ code -----------------------

````javascript
var array = [230,300,370,440];
   var azar = array.sort(() => 0.5 - Math.random());

   var pregunta = this.add.dom(400, 130, 'div', Pregun_style, `${Texto["pregunta"]}`);

   var btn1 = this.add.dom(400, azar[0],'div', btn_style, `${Texto["respuesta"]}`).setInteractive().on('pointerdown',()=>{});
   var btn2 = this.add.dom(400, azar[1],'div', btn_style, `${Texto["incorrecta1"]}`);
   var btn3 = this.add.dom(400, azar[2],'div', btn_style, `${Texto["incorrecta2"]}`);
   var btn4 = this.add.dom(400, azar[3],'div', btn_style, `${Texto["incorrecta3"]}`);

   var container = this.add.container(0,0);
   container.add([pregunta, btn1,btn2,btn3,btn4])

   this.input.enableDebug(btn1)
}
```Other than that, how do I make the update function check if the player clicked the correct or incorrect question?
try with

````

function update(){  
bg.tilePositionX -=+1;  
bg.tilePositionY -=+1;

if(btn1.activePointer.isDown){  
btn1.background = “green”  
}}```

But it does not work

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [April 20, 2022, 2:37pm UTC](https://phaser.discourse.group/t/how-do-i-change-the-size-of-the-clickable-area/11559/2 "2022-04-20T14:37:34Z")

</div>

DOM game objects can’t be used for input. You could use Text game objects instead.

See [input/game-object/on-down-event](https://phaser.io/examples/v3/view/input/game-object/on-down-event).