Printing A Js Variable In A Value="" Attribute

I'm trying to implement a Paypal button with a dynamic value. When I enter, for example, value='300.00', the button works fine. However, if I do it my way, the button doesn't work

Solution 1:

In javascript:

document.write('<inputtype="hidden"name="amount"value="' + price + '">')

Or better yet

var div = document.createElement('div');
div.innerHTML = '<input type="hidden" name="amount" value="' + price + '">';
document.body.appendChild(div);

DEMO

Solution 2:

It doesn't work because you have unclosed tags. Notice here that you opened another tag without closing the other tag.

<*input type="hidden" name="amount" value="<*script

To achieve what you want, you need to write the entire block using JS

<script>
document.write('<inputtype="hidden"name="amount"value="' + price + '.00">');
</script>

Solution 3:

document.getElementsByName('amount')[0].value = price;

This will find the "button" and set its value to the value of the price variable. I assume that the "button" already is somewhere on the page.