Initiate function to submit form and clear input fields

_site/assets/js/guestbook.js

@@ -1,5 +1,3 @@
-console.log("Guestbook script successfully loaded");
-
 // Import Firebase
 import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js'
 import { getDatabase, ref, push, onValue, update } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-database.js'
@@ -29,4 +27,17 @@ let messageObj = {
     message: '',
     timestamp: '',
     replies: [],
+};
+
+formEl.addEventListener('submit', (e) => {
+    e.preventDefault();
+    clearInputEl();
+    console.log('Form submitted');
+});
+
+const clearInputEl = () => {
+    nameInputEl.value = '';
+    emailInputEl.value = '';
+    websiteInputEl.value = '';
+    msgInputEl.value = '';
 };

_site/feed.xml

@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-05-19T06:23:25Z</updated>
+    <updated>2024-05-19T06:29:00Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>

src/assets/js/guestbook.js

@@ -1,5 +1,3 @@
-console.log("Guestbook script successfully loaded");
-
 // Import Firebase
 import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js'
 import { getDatabase, ref, push, onValue, update } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-database.js'
@@ -29,4 +27,17 @@ let messageObj = {
     message: '',
     timestamp: '',
     replies: [],
+};
+
+formEl.addEventListener('submit', (e) => {
+    e.preventDefault();
+    clearInputEl();
+    console.log('Form submitted');
+});
+
+const clearInputEl = () => {
+    nameInputEl.value = '';
+    emailInputEl.value = '';
+    websiteInputEl.value = '';
+    msgInputEl.value = '';
 };