JSFiddle - React, Tailwind, and code Playground

HTML

<form id="bp">
    <table>
        <tr><td>Your PayPal E-mail:</td><td> <input id='email' type='text' size='40'/></td></tr>
        <tr><td>Description:</td><td> <input id='description' type='text' size='40'/></td></tr>
        <tr><td>Amount:</td><td> € <input id='amount' type='text' size='4'/></td></tr>
        <tr><td colspan='2'>
            <button>Crea Link</button>
            <button>Crea Bottone</button>
            </td></tr>
      </table>
</form>

CSS

#bp{background-color: #E4E4E4; border: 1px solid #CCCCCC; padding: 10px;}

JavaScript

var form=$("#bp");
$("button",form).click(function(e){
    e.preventDefault();
    var email=$("#email",form).val();
    var desc=$("#description",form).val();
    var total=$("#amount",form).val();
    var _link="https://www.paypal.com/cgi-bin/webscr?business="+ escape(email) +"&cmd=_xclick&currency_code=EUR&amount="+ escape(total) +"&item_name=" + escape(desc);
     var _button='<a href="'+_link+'" target="_blank"><img src="http://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif" border="0" name="submit" alt="Make payments with PayPal"></a><br />';
    
    
        $("#output",form).remove();
        $("table",form).append('<tr id="output"><td colspan="2" ><textarea onclick="this.select()" rows="3" cols="50">' +$(this).text()+ '</textarea></td></tr>');
    
    if($(this).text()=='Crea Link')
        $("textarea",form).val(_link);
            
    if($(this).text()=='Crea Bottone')
        $("textarea",form).val(_button).before(_button);    
});