Is it possible to do something like this - would like to sub in a form field value with this javascript code. Can it be done, not sure if it is a syntax thing or just not possible.
<p>Display "Test" </p>
<p id="demo">Fail</p>
<script>
if (5 < 18) {
document.getElementById("demo").innerHTML = form1.calcweight.value;
}
</script>
Hi Norm,
What do you need to achieve?
if (5 < 18) is a strange condition 
The 5<18 was just something I put in there that would evaluate as true - not the question I have.
On my site I use this code to copy a lot of info to the clipboard on a button click
<script>
function myFunction() {
var copyText = document.getElementById("myInput" + form1.flourstomix.value);
copyText.select();
document.execCommand("copy");
alert("Copied To Clipboard: " + '\n' + copyText.value);
}
</script>
example of the info below - I’m trying to come up with a way to not copy the lines that have zero values for the form fields. I was thinking I could use javascript somehow and a bunch of concatenate string commands and wanted to see if I could get the form values to become part of the string.
<textarea id="myInput4" dmx-bind:value="'[table]
[tr]
[td] [/td][td][b][u]Grams[/u][/b][/td][td][b][u]Ounces[/u][/b][/td]
[/tr]
[tr]
[td]Total Flour (100%)[/td][td][right]' + (form1.calcweight.value * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + (form1.calcweight.value * (1 + (form1.bowlresidue.value / 100)) * 0.035274).round(2) + '[/right][/td]
[/tr]
[tr]
[td]Preferment (' + (form1.preferment.value) + '%) [/td][td][right]' + (form1.calcpreferment.value * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + ((form1.calcpreferment.value * (1 + (form1.bowlresidue.value / 100)) * 0.035274)).round(2) +'[/right][/td]
[/tr]
[tr]
[td]1st Flour ' + (form1.flour1name.value) + ' (' + (form1.flour1.value) + '%) [/td][td][right]' + ((form1.calcweight.value * (form1.flour1.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + ((form1.calcweight.value * (form1.flour1.value / 100)) * (1 + (form1.bowlresidue.value / 100)) * 0.035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]2nd Flour ' + (form1.flour2name.value) + ' (' + (form1.flour2.value) + '%) [/td][td][right]' + ((form1.calcweight.value * (form1.flour2.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + ((form1.calcweight.value * (form1.flour2.value / 100)) * (1 + (form1.bowlresidue.value / 100)) * 0.035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]3rd Flour ' + (form1.flour3name.value) + ' (' + (form1.flour3.value) + '%) [/td][td][right]' + ((form1.calcweight.value * (form1.flour3.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + ((form1.calcweight.value * (form1.flour3.value / 100)) * (1 + (form1.bowlresidue.value / 100)) * 0.035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]4th Flour ' + (form1.flour4name.value) + ' (' + (form1.flour4.value) + '%) [/td][td][right]' + ((form1.calcweight.value * (form1.flour4.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + ((form1.calcweight.value * (form1.flour4.value / 100)) * (1 + (form1.bowlresidue.value / 100)) * 0.035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Water (' + form1.hydration.value + '%)[/td][td][right]' + ((form1.calcweight.value * (form1.hydration.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + ((form1.calcweight.value * ((form1.hydration.value / 100)) * (1 + (form1.bowlresidue.value / 100))) * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Yeast (' + form1.yeast.value + '%) ' + form1.yeasttype.value + '[/td][td][right]' + ((form1.calcweight.value * (form1.yeast.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + (((form1.calcweight.value * (form1.yeast.value / 100)) * (1 + (form1.bowlresidue.value / 100))) * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Salt (' + form1.salt.value + '%)[/td][td][right]' + ((form1.calcweight.value * (form1.salt.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + (((form1.calcweight.value * (form1.salt.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Oil (' + form1.oil.value + '%)[/td][td][right]' + ((form1.calcweight.value * (form1.oil.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + (((form1.calcweight.value * (form1.oil.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Sugar (' + form1.sugar.value + '%)[/td][td][right]' + ((form1.calcweight.value * (form1.sugar.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + (((form1.calcweight.value * (form1.sugar.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Other ' + form1.item1name.value + ' (' + form1.item1.value + '%)[/td][td][right]' + ((form1.calcweight.value * (form1.item1.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + (((form1.calcweight.value * (form1.item1.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Other ' + form1.item2name.value + ' (' + form1.item2.value + '%)[/td][td][right]' + ((form1.calcweight.value * (form1.item2.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + (((form1.calcweight.value * (form1.item2.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Other ' + form1.item3name.value + ' (' + form1.item3.value + '%)[/td][td][right]' + ((form1.calcweight.value * (form1.item3.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + (((form1.calcweight.value * (form1.item3.value / 100)) * (1 + (form1.bowlresidue.value / 100))).round(2) * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Single Ball [/td][td][right]' + OnceGramValue.value + '[/right][/td][td][right]' + (OnceGramValue.value * .035274).round(2) +'[/right][/td]
[/tr]
[tr]
[td]Sauce TF = ('+ (form1.soz.value / (3.14159265359 * ((form1.pizzasize.value / 2).pow(2)))).round(4) +') [/td][td][right]' + form1.sgr.value + '[/right][/td][td][right]' + form1.soz.value +'[/right][/td]
[/tr]
[tr]
[td]Cheese TF = ('+ (form1.coz.value / (3.14159265359 * ((form1.pizzasize.value / 2).pow(2)))).round(4) +') [/td][td][right]' + form1.cgr.value + '[/right][/td][td][right]' + form1.coz.value +'[/right][/td]
[/tr]
[tr]
[td]Dough TF = (' + (.035274 *((OnceGramValue.value / (3.14159265359 * ((form1.pizzasize.value / 2).pow(2))))).round(4)).round(4) + ')[/td]
[/tr]
[tr]
[td]Number Dough Balls = ' + form1.numberdoughballs.value +' [/td]
[/tr]
[tr]
[td]Pizza Size = ' + form1.pizzasize.value + ' inches[/td]
[/tr]
[tr]
[td]Date Mixed = ' + form1.datemixed.value + '[/td]
[/tr]
[tr]
[td]Date Baked = ' + form1.datebaked.value + '[/td]
[/tr]
[tr]
[td][/td]
[/tr]
[table]
[tr]
[td][b]NOTES: [/b]' + '[/td]
[/tr]
[tr]
[td]' + form1.notes.value + '[/td]
[/tr]
[tr]
[td][/td]
[/tr]
[/table]'" rows="1" cols="2" style="position:absolute; top:0; left:-500px;"></textarea>
My question is only this – is this a valid statement - it does not work but I don’t know if it is just a syntax problem or just not possible…
document.getElementById(“demo”).innerHTML = form1.calcweight.value;
to save time you can just answer 1, 2 or 3
1= No not possible
2=Yes, possible
3=You have asked too many questions!
I think you question just goes a little out of the parameters of why Wappler even exists, using App Connect as a framework you should not even have to use things like document.getElementById.
You have a button on your page you say, and onclick it fires the copy to clipboard stuff, therefore you can add more to that onclick event if you need to, such as setValue, click your button for the copy in design view and find the Dynamic Events in the properties panel, there is probably an onclick event in there, click the lightening bolt icon and see if you can find your form inputs in there, you will notice that you can use a set value to set and value you like to an input on click.
Unless I have misunderstood the question.
Thanks Paul, I think I’m just not doing a good job of explaining what I’m trying to do but I’ll try to work through what you mentioned (to the best of my ability). I’m not trying to set anything, rather I’m trying not to copy information that is not relevant (when a value is zero).
Likely I need to figure out a better way to do what I’m doing now. I thought I could just hide stuff (if the values were zero) and that would keep it / them from being copied but that did not work, hidden or not, stuff gets copied…
Getting my head wrapped around this is proving very hard for me - I don’t ever remember me trying to do something for months and not have it click - I guess when you get old things don’t work the way they used to. Hope my brain is not turning into mush 
Well i understand better now. Basically you only want to copy values from the form if the value is not zero.
So in reality then this is all to do with your text area where your data is all being stored.
You need a few conditions inside there. Something like this might work
form1.calcweight.value ? 'I have a value'
I’m on my phone so not certain of syntax without testing how this would work in the text area but basically this is a condition saying when form1.calcweight.value has a value then output a string of I have a value. If the input has no value then it should not output anything at all. Well that’s the concept anyway.
Wow, that blows my mind - I need to think about that. I think the problem is I don’t really store the value (at least I don’t think that is what is happening within Wappler).
There are a few different configurations of the “textarea”. Which one selected for copy is not important. But, assuming the 4th one (id=myInput4) is copied, this is what a very abbreviated version of what is copied would look like.
My problem is the stuff in the bound textarea seems out of reach for any manipulation. But I will think very hard about what you said and try to see if I can wrap my head around it and make it work… Thx for not giving up on me Paul!
<textarea id="myInput4" dmx-bind:value="'[table]
[tr]
[td]Preferment (' + (form1.preferment.value) + '%) [/td][td][right]' + (form1.calcpreferment.value * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + ((form1.calcpreferment.value * (1 + (form1.bowlresidue.value / 100)) * 0.035274)).round(2) +'[/right][/td]
[/tr]
[/table]'" rows="1" cols="2" style="position:absolute; top:0; left:-500px;"></textarea>
Well judging from the code you have shown in this abbreviated version it should work.
Maybe just do a little test.
<textarea id="myInput4" dmx-bind:value="'[table]
' + (form1.preferment.value ? + '[tr][td]WOW[/td][td][right]IT HAD A VALUE[/right][/td][/tr]
' + : + '[tr][td]WOW[/td][td][right]ITS BLANK[/right][/td][/tr]' + ) +
'[tr]
[td]Preferment (' + (form1.preferment.value) + '%) [/td][td][right]' + (form1.calcpreferment.value * (1 + (form1.bowlresidue.value / 100))).round(2) + '[/right][/td][td][right]' + ((form1.calcpreferment.value * (1 + (form1.bowlresidue.value / 100)) * 0.035274)).round(2) +'[/right][/td]
[/tr]
[/table]'" rows="1" cols="2" style="position:absolute; top:0; left:-500px;"></textarea>
So I am warning you, if this works i will be very surprised, lol, but worth a try anyway and let me know.
Basically what I am trying to tell it is
is there a value set to form1.preferment.value ? if YES then make a table row with 2 columns inside it saying WOW in column one and IT HAD A VALUE in column two : otherwise / else then make a new table row with 2 columns inside it saying Preferment 000% in column one and 123 in column two.
I know i have it the wrong way around, but lets just test it first to see what happens.
Something in that chuck of code is not working - I replaced a working textarea and added it in its place. That textarea now does not copy anything to the clipboard but all the others still work fine.
I worked for weeks getting what I have working and I know it only takes one missing punctuation mark (or an extra one) to keep the copy from working. That block also causes the error below which I don’t understand.
Tricky when I am working a bit blind here, but lets try this
<textarea id="myInput4" dmx-bind:value="'[table]
' + ((form1.preferment.value == 0 ?) + '[tr][td]WOW[/td][td][right]IT HAD NO VALUE[/right][/td][/tr]
')[/table]'" rows="1" cols="2" style="position:absolute; top:0; left:-500px;"></textarea>
OR
<textarea id="myInput4" dmx-bind:value="'[table]
' + (form1.preferment.value == 0 ?) + '[tr][td]WOW[/td][td][right]IT HAD NO VALUE[/right][/td][/tr]
'[/table]'" rows="1" cols="2" style="position:absolute; top:0; left:-500px;"></textarea>
EDIT: I just checked you site and realised when you said had NO value, that is not really a true statement, as 0 is still a value, its not nothing, so I have adjusted the code a little.
Do your copy to clipboard thing with the preferment left as 0 and it should copy the IT HAD NO VALUE string from one of the above codes.
If it does then we can try to extend on the idea further.
Expression should become something like
'I have ' + (expression ? 'a value' : 'no value') + '.'
So with your sample is would be
<textarea id="myInput4" dmx-bind:value="
'[table]' + (
form1.preferment.value
? '[tr][td]WOW[/td][td][right]IT HAD A VALUE[/right][/td][/tr]'
: '[tr][td]WOW[/td][td][right]ITS BLANK[/right][/td][/tr]'
) + '[/table]'" rows="1" cols="2" style="position:absolute; top:0; left:-500px;">
</textarea>
Ahh, i see, so i was adding + characters where they really did not need to be, thanks so much Patrick, making everything look so easy, love it.
You can also do it like
<textarea id="myInput4" dmx-bind:value="[table]
[tr][td]WOW[/td][td]
[right]{{ form1.preferment.value ? 'IT HAD A VALUE' : 'ITS BLANK' }}[/right]
[/td][/tr]
[/table]" rows="1" cols="2" style="position:absolute; top:0; left:-500px;">
</textarea>
or as
<textarea id="myInput4" dmx-bind:value="[table]
[tr][td]WOW[/td][td]
[right]{{ (!!form1.preferment.value).then('IT HAD A VALUE', 'ITS BLANK') }}[/right]
[/td][/tr]
[/table]" rows="1" cols="2" style="position:absolute; top:0; left:-500px;">
</textarea>
Even better and far easier to read too. Thanks again Patrick
I tried them all - the first one from Patrick copies but always returns “they had a value” even when the value is “0”.
I’m happy that I can do stuff in the textarea, that is a huge deal for me.
I need to eval for “0” or some other number – vice nothing or something, if that is understandable.
I need to think on this - my mind gears are starting to smoke
PS. trying the second two from Patrick now
Sorry @patrick is the double !! NOT NOT intentional, or a mistake, just checking because i have never seen it like that.
your value is a string, convert it to a number first form1.preferment.value.toNumber()
Thats because your original question said they had no value but actually its when value is 0 then dont show and when its not 0 the do whatever, its a small adjustment
The !! converts a value to a Boolean, so 0 converts to false. But in his case it is not the number 0 but a string with "0" and that evaluates to true.
Converting it to a number or directly checking form1.preferment.value != '0' should fix it.