# Change button name programmatically

**URL:** <https://discourse.processing.org/t/change-button-name-programmatically/33257>\
**Category:** Beginners\
**Created:** [November 2, 2021, 12:12pm UTC](https://discourse.processing.org/t/change-button-name-programmatically/33257 "2021-11-02T12:12:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Clark](https://avatars.discourse-cdn.com/v4/letter/c/6de8d8/32.png) [@Clark](https://discourse.processing.org/u/Clark)\
**Post date:** [November 2, 2021, 12:12pm UTC](https://discourse.processing.org/t/change-button-name-programmatically/33257/1 "2021-11-02T12:12:26Z")

</div>

Hi.  
Is it possible to change the name of a button programmatically?

Something like:

```auto
button = createButton("one");
button.position(0, 0);
button.mousePressed(changeName);

function changeName() {
  button.value = "two"; // ??
}

```

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [November 2, 2021, 4:20pm UTC](https://discourse.processing.org/t/change-button-name-programmatically/33257/2 "2021-11-02T16:20:01Z")

</div>

[p5js.org/reference/#/p5.Element/html](http://p5js.org/reference/#/p5.Element/html)

---

<div class="post-metadata">

**Author:** ![Clark](https://avatars.discourse-cdn.com/v4/letter/c/6de8d8/32.png) [@Clark](https://discourse.processing.org/u/Clark)\
**Post date:** [November 2, 2021, 5:04pm UTC](https://discourse.processing.org/t/change-button-name-programmatically/33257/3 "2021-11-02T17:04:08Z")

</div>

Thanks, that works!

```auto
let toggle = true;

function setup() {
  createCanvas(100, 100);
  button = createButton("one");
  button.position(0, 0);
  button.mousePressed(fnc);
}

function draw() {
  background(220);
}

function fnc() {
 if (toggle) button.html('two');
 else button.html('one');
 toggle =! toggle;
}

```