Display Payment Accepted or Refused

assets/pages/index.html

@@ -26,6 +26,14 @@
         #payment {
             display: none;
         }
+        
+        #paymentAccepted {
+            display: none;
+        }
+        
+        #paymentRefused {
+            display: none;
+        }
     </style>
 </head>
 
@@ -46,6 +54,12 @@
             <br>
             <button id="connect-button-pay">Pay</button>
         </div>
+        <div id="paymentAccepted">
+            <h2>Payment Accepted</h2>
+        </div>
+        <div id="paymentRefused">
+            <h2>Payment Refused</h2>
+        </div>
     </main>
 
     <script>
@@ -98,8 +112,9 @@
                 })
                 .then(response => {
                     if (response.ok) {
-
+                        document.getElementById("paymentAccepted").style.display = 'block';
                     } else {
+                        document.getElementById("paymentRefused").style.display = 'block';
                         throw new Error("Payment request failed")
                     }
                 })