There is a moneybutton javascript code that I want to edit. I want to have the userinput the "to:" section of the code. But, for some reason, it isn't working. Here is the code:

  <script src="https://www.moneybutton.com/moneybutton.js"></script>
<div id='my-money-button'></div>
<label for="to">Recipient Email:</label>
<input type="email" id="to" name="to">
<button onclick="sendMoney()">Send Money</button>

<script>
  function sendMoney() {
    const recipientEmail = document.getElementById('to').value;
    const div = document.getElementById('my-money-button');
    moneyButton.render(div, {
      to: recipientEmail,
      amount: ".0001",
      currency: "USD",
      label: "Wait...",
      clientIdentifier: "some public client identifier",
      buttonId: "234325",
      buttonData: "{}",
      type: "tip",
      onPayment: function (arg) { console.log('onPayment', arg) },
      onError: function (arg) { console.log('onError', arg) }
    });
  }
</script>
     }  

Here it is in action