# Making a keyboard hooked up to text to speech

**URL:** <https://community.thunkable.com/t/making-a-keyboard-hooked-up-to-text-to-speech/1043885>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [January 10, 2021, 10:41pm UTC](https://community.thunkable.com/t/making-a-keyboard-hooked-up-to-text-to-speech/1043885 "2021-01-10T22:41:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![duqgabrielhh5](https://avatars.discourse-cdn.com/v4/letter/d/2acd7d/32.png) [@duqgabrielhh5](https://community.thunkable.com/u/duqgabrielhh5)\
**Post date:** [January 10, 2021, 10:41pm UTC](https://community.thunkable.com/t/making-a-keyboard-hooked-up-to-text-to-speech/1043885/1 "2021-01-10T22:41:33Z")

</div>

Hello!  
I am trying to make it so that when someone presses the bottons on the screen, it adds a letter to the label in the center, and when they click submit it says the word that has been input based on the sounds of the letters added. basically using the letters to create a word input for text to speech. How do I do this? i am stuck on how to get them to input to the label, let alone the coding for the rest.

 ![keyboard to text to speech](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/d/ed8246cafd00ff7d88e789b3973858dc03bc3246.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 11, 2021, 2:19am UTC](https://community.thunkable.com/t/making-a-keyboard-hooked-up-to-text-to-speech/1043885/2 "2021-01-11T02:19:13Z")

</div>

I’m curious why you’re building a custom keyboard but I guess that’s beside the point.

You should use a label for the box above the Input button.

For each click of a letter button, you’ll need to join the label’s _get text_ block with the button name.

There are ways to do this dynamically so that you don’t have to manually code: if a is clicked, add a; if b is clicked, add b, etc. You’d create/clone letter buttons and then assign letters from a list and then use the Any Component blocks to determine which letter was clicked.

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [January 11, 2021, 5:41am UTC](https://community.thunkable.com/t/making-a-keyboard-hooked-up-to-text-to-speech/1043885/3 "2021-01-11T05:41:26Z")

</div>

Any component blocks would reduce your code a _lot_.  
**CODE:**  
When Any Button clicked(returns component)  
If button is not equal to Submit button  
From label1 set text to join: get text label 1  
: get text from Button (component)

**SCREENSHOT:**

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/2/c285f58b5cdbc5ad82b6b46fd27eb240dc10c81c.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/a/eadc79edee79134c9ce887cc76468d79f3580631.png)

You can also use a variable to keep track of your code. Using Any Component, you don’t even need to assign IDs to your components if all have to do the same thing(here, put their letter in a label). In case you want a tutorial:

[![](https://img.youtube.com/vi/OW2EfbKhqtk/maxresdefault.jpg "Using the Any Component blocks on Thunkable") ](https://www.youtube.com/watch?v=OW2EfbKhqtk)

You can use the same technique in your app.

Hopefully this will work.  
Happy Thunking!

---

<div class="post-metadata">

**Author:** ![duqgabrielhh5](https://avatars.discourse-cdn.com/v4/letter/d/2acd7d/32.png) [@duqgabrielhh5](https://community.thunkable.com/u/duqgabrielhh5)\
**Post date:** [January 11, 2021, 11:17pm UTC](https://community.thunkable.com/t/making-a-keyboard-hooked-up-to-text-to-speech/1043885/4 "2021-01-11T23:17:49Z")

</div>

now how would I get it linked to the text to speech though?

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [January 12, 2021, 2:37am UTC](https://community.thunkable.com/t/making-a-keyboard-hooked-up-to-text-to-speech/1043885/5 "2021-01-12T02:37:18Z")

</div>

Its the piece of code under the piece for linking it to the label.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:30pm UTC](https://community.thunkable.com/t/making-a-keyboard-hooked-up-to-text-to-speech/1043885/6 "2024-11-08T13:30:55Z")

</div>