# 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:** 6\
**Page:** 2

<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:** [16 April 2019 04:48 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/21 "2019-04-16T04:48:51Z")

</div>

1.On click button get a pop up color pad  
 ![2](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/5e56c0653e70eb56ad1e90c65ae212166b2f53a6.png)  
2.color pad....  
 ![1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/0/0422bb506d64cb60df99155767ad52cc9b665cfb.png)

3.Each color has different value .  
example: color black =61440,RED=1,brown=2...etc

4.Then comes textbox value .  
5.i want to add textbox value and color value.

example:-  
1.if i select color black and textbox value is 4095  
2.i want addition of color black value(61440) and text box value(4095)  
3 dispay that one in result text box ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/5d3e022bd021a9a97774d7c83056cdab95640df5.png)

---

<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:** [16 April 2019 08:27 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/22 "2019-04-16T08:27:05Z")

</div>

There you go.

![2019-04-16_09-25-48](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/7/7bff4c64eeb76ccee9c782c40769ce5140c712ae.gif)

```auto
[{"id":"7f00657a.81e08c","type":"ui_colour_picker","z":"9f43aee.ab3dc5","name":"","label":"Colour","group":"944f725.afd9f9","format":"hex","outformat":"string","showSwatch":true,"showPicker":false,"showValue":false,"showHue":false,"showAlpha":false,"showLightness":true,"dynOutput":"true","order":1,"width":0,"height":0,"passthru":true,"topic":"","x":190,"y":100,"wires":[["f0ce5ae7.ded9e8"]]},{"id":"e98132b4.7db35","type":"ui_numeric","z":"9f43aee.ab3dc5","name":"","label":"User input","tooltip":"","group":"944f725.afd9f9","order":2,"width":0,"height":0,"passthru":true,"topic":"","format":"{{value}}","min":0,"max":"65535","step":1,"x":212,"y":159,"wires":[["5d5f5b14.451214"]]},{"id":"6aa8fdf8.e91994","type":"ui_text","z":"9f43aee.ab3dc5","group":"944f725.afd9f9","order":3,"width":0,"height":0,"name":"","label":"Result","format":"{{msg.payload}}","layout":"row-spread","x":750,"y":140,"wires":[]},{"id":"f0ce5ae7.ded9e8","type":"change","z":"9f43aee.ab3dc5","name":"","rules":[{"t":"set","p":"colourval","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":390,"y":100,"wires":[["938fd014.3ee43"]]},{"id":"938fd014.3ee43","type":"function","z":"9f43aee.ab3dc5","name":"add","func":"var colourval = parseInt((flow.get(\"colourval\") || \"0\"), 16);\nmsg.payload = parseInt(flow.get(\"userinput\") || \"0\") + colourval;\nreturn msg;","outputs":1,"noerr":0,"x":610,"y":140,"wires":[["6aa8fdf8.e91994"]]},{"id":"5d5f5b14.451214","type":"change","z":"9f43aee.ab3dc5","name":"","rules":[{"t":"set","p":"userinput","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":390,"y":160,"wires":[["938fd014.3ee43"]]},{"id":"944f725.afd9f9","type":"ui_group","z":"","name":"Default","tab":"e252a1c5.e286","disp":true,"width":"6","collapse":false},{"id":"e252a1c5.e286","type":"ui_tab","z":"","name":"Home","icon":"dashboard"}]

```

---

<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:** [16 April 2019 08:48 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/23 "2019-04-16T08:48:29Z")

</div>

thank you very much..........🙏🙏

---

<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:** [16 April 2019 10:47 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/24 "2019-04-16T10:47:42Z")

</div>

Hey, Sachin what are you working on currently ?

---

<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:** [16 April 2019 11:03 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/25 "2019-04-16T11:03:02Z")

</div>

working on iot(color sensor)

---

<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:** [17 April 2019 12:27 UTC](https://discourse.nodered.org/t/how-to-add-two-text-box-input-to-a-functon/10151/26 "2019-04-17T12:27:49Z")

</div>

Great. carry on.

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