diff --git a/cmd/web/templates/stripe-js.partial.gohtml b/cmd/web/templates/stripe-js.partial.gohtml
index 8ff5971..860a631 100644
--- a/cmd/web/templates/stripe-js.partial.gohtml
+++ b/cmd/web/templates/stripe-js.partial.gohtml
@@ -46,7 +46,7 @@ function val() {
     form.classList.add("was-validated");
     hidePayButton();
 
-    let amountToCharge = String(parseFloat(document.getElementById("amount").value));
+    let amountToCharge = parseFloat(document.getElementById("amount").value);
     let payload = {
         amount: amountToCharge,
         currency: 'eur',
diff --git a/cmd/web/templates/terminal.page.gohtml b/cmd/web/templates/terminal.page.gohtml
index 3fb3511..0fc5cc0 100644
--- a/cmd/web/templates/terminal.page.gohtml
+++ b/cmd/web/templates/terminal.page.gohtml
@@ -16,9 +16,9 @@ Virtual Terminal
     <div class="mb-3">
         <label for="amount" class="form-label">Amount</label>
         <input type="text"
-               id="amount"
-               name="amount"
-               autocomplete="amount-new"
+               id="charge_amount"
+               name="charge_amount"
+               autocomplete="charge_amount-new"
                required=""
                class="form-control">
     </div>
@@ -76,5 +76,14 @@ Virtual Terminal
 </form>
 {{ end }}
 {{ define "js" }}
+<script>
+document.getElementById("charge_amount", function(evt) {
+    if (evt.target.value !== "") {
+        document.getElementById("amount").value = evt.target.value * 100;
+    } else {
+        document.getElementById("amount").value = 0;
+    }
+});
+</script>
 {{ template "stripe-js" . }}
 {{ end }}