From 15a5f5b72b91e3cb6aaf78d252494ed9ddbac5b8 Mon Sep 17 00:00:00 2001
From: cjustinobi <cjustinobi@gmail.com>
Date: Sat, 30 Apr 2022 19:03:56 +0100
Subject: [PATCH] Reset Product form after adding product

---
 .../3-2-the-html-of-your-project/index.html                  | 2 +-
 code/celo101-code-chapter_3/3-6-pay-function/main.js         | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/code/celo101-code-chapter_3/3-2-the-html-of-your-project/index.html b/code/celo101-code-chapter_3/3-2-the-html-of-your-project/index.html
index b469d6a..94b9cbc 100644
--- a/code/celo101-code-chapter_3/3-2-the-html-of-your-project/index.html
+++ b/code/celo101-code-chapter_3/3-2-the-html-of-your-project/index.html
@@ -95,7 +95,7 @@ <h5 class="modal-title" id="newProductModalLabel">New Product</h5>
             ></button>
           </div>
           <div class="modal-body">
-            <form>
+            <form id="product-form">
               <div class="form-row">
                 <div class="col">
                   <input
diff --git a/code/celo101-code-chapter_3/3-6-pay-function/main.js b/code/celo101-code-chapter_3/3-6-pay-function/main.js
index c07f83e..2956efa 100644
--- a/code/celo101-code-chapter_3/3-6-pay-function/main.js
+++ b/code/celo101-code-chapter_3/3-6-pay-function/main.js
@@ -141,6 +141,10 @@ function notificationOff() {
   document.querySelector(".alert").style.display = "none"
 }
 
+function resetForm() {
+  document.getElementById("product-form").reset()
+}
+
 window.addEventListener("load", async () => {
   notification("⌛ Loading...")
   await connectCeloWallet()
@@ -190,6 +194,7 @@ document.querySelector("#marketplace").addEventListener("click", async (e) => {
       notification(`🎉 You successfully bought "${products[index].name}".`)
       getProducts()
       getBalance()
+      resetForm()
     } catch (error) {
       notification(`⚠️ ${error}.`)
     }