# How to add two text box input to a functon

**URL:** <https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151>\
**Category:** Dashboard\
**Created:** [15 April 2019 05:17 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151 "2019-04-15T05:17:19Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 05:17 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/1 "2019-04-15T05:17:19Z")

</div>

how to add two text box input(number) to a functon and addition of two nuber and display it in another text box

---

<div class="post-metadata">

**Author:** ![ALOKA1432](https://avatars.discourse-cdn.com/v4/letter/a/3ab097/32.png) [@ALOKA1432](https://discourse.nodered.org/u/ALOKA1432)\
**Post date:** [15 April 2019 05:23 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/2 "2019-04-15T05:23:47Z")

</div>

Can you be more clear ?

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 05:27 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/3 "2019-04-15T05:27:50Z")

</div>

like this image

![add](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/7/7279979bbae7bf2e9a6352b0dc2ca86d78b453f8.png)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [15 April 2019 05:41 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/4 "2019-04-15T05:41:13Z")

</div>

`Textinput` nodes send out messages when the value **is changed**.  
In `function` node you should have two values **stored in context** and when `msg` comes in, change the value, and store it again, do the addition and send out calculated value.  
To identify which value needed to be changed you will need to use `msg.topic` Set different topics for `textinput` nodes for this identification.

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 05:45 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/5 "2019-04-15T05:45:15Z")

</div>

i am very new to this platform and i have no idea how to do this.if have the example code please send me it will be helpful for me

---

<div class="post-metadata">

**Author:** ![ALOKA1432](https://avatars.discourse-cdn.com/v4/letter/a/3ab097/32.png) [@ALOKA1432](https://discourse.nodered.org/u/ALOKA1432)\
**Post date:** [15 April 2019 05:45 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/6 "2019-04-15T05:45:58Z")

</div>

Wait sachin working. Will send you a very simplest flow.

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 05:47 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/7 "2019-04-15T05:47:19Z")

</div>

Thank u sir....🙏

---

<div class="post-metadata">

**Author:** ![ALOKA1432](https://avatars.discourse-cdn.com/v4/letter/a/3ab097/32.png) [@ALOKA1432](https://discourse.nodered.org/u/ALOKA1432)\
**Post date:** [15 April 2019 06:01 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/8 "2019-04-15T06:01:00Z")

</div>

sachin, Find this and import into your NodeRED.

[{"id":"fe1897ae.8d7678","type":"ui\_template","z":"30effa47.d19706","group":"40586503.24038c","name":"","order":6,"width":0,"height":0,"format":"\n First number\<input type="number" id="firstNumber"\>  
\n Last number\<input type="number" id="secondNumber"\>  
\n\n\<md-button ng-click="send({firstNumber:action1(),secondNumber:action2()})"\> Set\n\n\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":360,"y":400,"wires":[["56315c97.cc31f4"]]},{"id":"56315c97.cc31f4","type":"function","z":"30effa47.d19706","name":"","func":"var firstnumber = msg.firstNumber;\nvar secondnumber = msg.secondNumber;\nvar sum = Number(Number(firstnumber)+Number(secondnumber));\nmsg.payload=sum;\nreturn msg;\n","outputs":1,"noerr":0,"x":560,"y":400,"wires":[["5e5ca7c4.ba4948","d8a81325.ab3d6"]]},{"id":"5e5ca7c4.ba4948","type":"ui\_text","z":"30effa47.d19706","group":"40586503.24038c","order":7,"width":0,"height":0,"name":"","label":"Summation","format":"{{msg.payload}}","layout":"row-spread","x":780,"y":420,"wires":},{"id":"d8a81325.ab3d6","type":"debug","z":"30effa47.d19706","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":780,"y":360,"wires":},{"id":"40586503.24038c","type":"ui\_group","z":"","name":"Default","tab":"fc483079.2a61f","disp":true,"width":"6","collapse":false},{"id":"fc483079.2a61f","type":"ui\_tab","z":"","name":"Calculator","icon":"dashboard","disabled":false,"hidden":false}]

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 06:03 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/9 "2019-04-15T06:03:37Z")

</div>

> [@ALOKA1432](#):
>
> [{"id":"fe1897ae.8d7678","type":"ui\_template","z":"30effa47.d19706","group":"40586503.24038c","name":"","order":6,"width":0,"height":0,"format":"\n First number\<input type="number" id="firstNumber"\>  
> \n Last number\<input type="number" id="secondNumber"\>  
> \n\n\<md-button ng-click="send({firstNumber:action1(),secondNumber:action2()})"\> Set\n\n\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":360,"y":400,"wires":[["56315c97.cc31f4"]]},{"id":"56315c97.cc31f4","type":"function","z":"30effa47.d19706","name":"","func":"var firstnumber = msg.firstNumber;\nvar secondnumber = msg.secondNumber;\nvar sum = Number(Number(firstnumber)+Number(secondnumber));\nmsg.payload=sum;\nreturn msg;\n","outputs":1,"noerr":0,"x":560,"y":400,"wires":[["5e5ca7c4.ba4948","d8a81325.ab3d6"]]},{"id":"5e5ca7c4.ba4948","type":"ui\_text","z":"30effa47.d19706","group":"40586503.24038c","order":7,"width":0,"height":0,"name":"","label":"Summation","format":"{{msg.payload}}","layout":"row-spread","x":780,"y":420,"wires":},{"id":"d8a81325.ab3d6","type":"debug","z":"30effa47.d19706","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":780,"y":360,"wires":},{"id":"40586503.24038c","type":"ui\_group","z":"","name":"Default","tab":"fc483079.2a61f","disp":true,"width":"6","collapse":false},{"id":"fc483079.2a61f","type":"ui\_tab","z":"","name":"Calculator","icon":"dashboard","disabled":false,"hidden":false}]

showing error ![Capture2](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/eedd656896667541f53df93297d5e1132583a3c4.png)

---

<div class="post-metadata">

**Author:** ![ALOKA1432](https://avatars.discourse-cdn.com/v4/letter/a/3ab097/32.png) [@ALOKA1432](https://discourse.nodered.org/u/ALOKA1432)\
**Post date:** [15 April 2019 06:05 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/10 "2019-04-15T06:05:05Z")

</div>

[{"id":"48d454c3.8caffc","type":"ui\_template","z":"9a07c8cc.9e9838","group":"40586503.24038c","name":"","order":6,"width":0,"height":0,"format":"\n First number\<input type="number" id="firstNumber"\>  
\n Last number\<input type="number" id="secondNumber"\>  
\n\n\<md-button ng-click="send({firstNumber:action1(),secondNumber:action2()})"\> Set\n\n\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":300,"y":260,"wires":[["faff4603.294c18"]]},{"id":"faff4603.294c18","type":"function","z":"9a07c8cc.9e9838","name":"","func":"var firstnumber = msg.firstNumber;\nvar secondnumber = msg.secondNumber;\nvar sum = Number(Number(firstnumber)+Number(secondnumber));\nmsg.payload=sum;\nreturn msg;\n","outputs":1,"noerr":0,"x":500,"y":260,"wires":[["b60f3e08.92dc8","73d2be7e.d1ed8"]]},{"id":"b60f3e08.92dc8","type":"ui\_text","z":"9a07c8cc.9e9838","group":"40586503.24038c","order":7,"width":0,"height":0,"name":"","label":"Summation","format":"{{msg.payload}}","layout":"row-spread","x":720,"y":280,"wires":},{"id":"73d2be7e.d1ed8","type":"debug","z":"9a07c8cc.9e9838","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":720,"y":220,"wires":},{"id":"40586503.24038c","type":"ui\_group","z":"","name":"Default","tab":"fc483079.2a61f","disp":true,"width":"6","collapse":false},{"id":"fc483079.2a61f","type":"ui\_tab","z":"","name":"Calculator","icon":"dashboard","disabled":false,"hidden":false}]

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 06:10 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/11 "2019-04-15T06:10:27Z")

</div>

same error

---

<div class="post-metadata">

**Author:** ![ALOKA1432](https://avatars.discourse-cdn.com/v4/letter/a/3ab097/32.png) [@ALOKA1432](https://discourse.nodered.org/u/ALOKA1432)\
**Post date:** [15 April 2019 06:11 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/12 "2019-04-15T06:11:07Z")

</div>

[flow.json](https://discourse.nodered.org/uploads/short-url/ih1BPTxhwUTeEzo4LyROuf2UgU5.json) (1.8 KB)

Do this. May be formatting issue.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [15 April 2019 06:12 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/13 "2019-04-15T06:12:01Z")

</div>

You have to put three ticks ```` ```` around your code otherwise it gets screwed up.

Blindly posting it again will not help.

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 06:19 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/14 "2019-04-15T06:19:00Z")

</div>

yess thank you very much its working ....

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 06:32 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/15 "2019-04-15T06:32:34Z")

</div>

this is my actual code .  
1.when i press button color pad will popup and each color has different values .  
2. i have to do addition of textbox value and color value .  
3.then i have to place it into buffer.  
[flows (5).json](https://discourse.nodered.org/uploads/short-url/nC0bYZjgTAkxqxBg1MNHe6v8D16.json) (18.7 KB)  
do you have any idea how to do this

---

<div class="post-metadata">

**Author:** ![ALOKA1432](https://avatars.discourse-cdn.com/v4/letter/a/3ab097/32.png) [@ALOKA1432](https://discourse.nodered.org/u/ALOKA1432)\
**Post date:** [15 April 2019 06:40 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/16 "2019-04-15T06:40:24Z")

</div>

What exactly you want to do with this ?

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 06:43 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/17 "2019-04-15T06:43:33Z")

</div>

we have color sensor we have to send color values.  
i want to publish that values over mqtt

---

<div class="post-metadata">

**Author:** ![ALOKA1432](https://avatars.discourse-cdn.com/v4/letter/a/3ab097/32.png) [@ALOKA1432](https://discourse.nodered.org/u/ALOKA1432)\
**Post date:** [15 April 2019 06:46 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/18 "2019-04-15T06:46:35Z")

</div>

Still can't figure out what you are talking. in your flow you have one color selector and one one text input box. to the right there is one more text box which is written with COLOR2. And a bunch of randomly connected nodes.

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 07:01 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/19 "2019-04-15T07:01:03Z")

</div>

that one simplified code ...  
they are 6 color box like that only.  
if it is works for one color block ill add next 5 color block like that only  
 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/5d3e022bd021a9a97774d7c83056cdab95640df5.png)  
i want like this

---

<div class="post-metadata">

**Author:** ![sachin](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@sachin](https://discourse.nodered.org/u/sachin)\
**Post date:** [15 April 2019 10:15 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/20 "2019-04-15T10:15:41Z")

</div>

![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/5d3e022bd021a9a97774d7c83056cdab95640df5.png)

[Next page](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151.md?page=2)