JSFiddle - React, Tailwind, and code Playground

by tjnicolaides

HTML

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">  
<!-- Identify your business so that you can collect the payments. -->  
<input type="hidden" name="business"   
value="[email protected]">  
<!-- Specify a Donate button. -->  
<input type="hidden" name="cmd" value="_donations">  
<!-- Specify details about the contribution -->  
<input type="hidden" name="item_name" value="Xfinity Chair Raffle Tickets">  
<input type="hidden" name="item_number" value="Xfinity Chair Raffle Tickets">  
    <input type="text" name="custom" value="2" />  
    <input type="hidden" name="amount" value="20.00" />  
<input type="text" name="amount_show" value="20.00" disabled="disabled" />  
<input type="hidden" name="currency_code" value="USD">  
<!-- Display the payment button. -->  
<input type="image" name="submit" border="0"  
src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif"  
alt="PayPal - The safer, easier way to pay online">  

<img alt="" border="0" width="1" height="1"  
src="https://www.paypal.com/en_US/i/scr/pixel.gif" >  
</form>

CSS

table {font-family:Verdana, sans-serif; color:#fff;}
table td {font-family:Verdana, sans-serif; color:#fff;}
body { background-color:#525252;}

JavaScript

$('input[name=custom]').change(function() {
    var amount = $(this).val() * 10;
    $('input[name=amount]').val(amount);
    $('input[name=amount_show]').val(amount);
});