Convert frontend script to module

Author: faisalnjs

frontend/pages/create.ejs

@@ -41,10 +41,10 @@
 </div>
 <% step++; }) %>
 <div class="buttons">
-	<div id="back" class="button hidden" onclick="back();">Back</div>
-	<div id="next" class="button active hidden" onclick="next();">Next</div>
-	<div id="start" class="button active" onclick="start();">Start</div>
-	<div id="create" class="button active hidden" onclick="create();">Create</div>
+	<div id="back" class="button hidden">Back</div>
+	<div id="next" class="button active hidden">Next</div>
+	<div id="start" class="button active">Start</div>
+	<div id="create" class="button active hidden">Create</div>
 	<a id="success" class="button active hidden" href="<%= tenant.domain %><%= tenant.path %>">Return</a>
 	<a id="error" class="button active hidden" href="<%= tenant.domain %><%= tenant.path %>/create">Restart</a>
 </div>

frontend/pages/foot.ejs

@@ -2,7 +2,7 @@
         <p class="fixed">© <%= new Date().getFullYear() %> CommTrackr</p>
         <p class="fixed2">Changes saved</p>
     </main>
-    <script src="<%= tenant.domain %><%= tenant.path %>/scripts.js"></script>
+    <script src="<%= tenant.domain %><%= tenant.path %>/scripts.js" type="module"></script>
 </body>
 
 </html>

frontend/public/scripts.js

@@ -6,6 +6,11 @@ document.querySelectorAll('.button[href]').forEach(button => button.addEventList
     }, 750)
 }));
 
+document.getElementById('back')?.addEventListener('click', back);
+document.getElementById('next')?.addEventListener('click', next);
+document.getElementById('start')?.addEventListener('click', start);
+document.getElementById('create')?.addEventListener('click', create);
+
 function anim_in() {
     document.querySelector('main').classList.remove('out');
     document.querySelector('main').classList.add('in');
@@ -68,6 +73,7 @@ window.onload = function () {
 // }, 750)
 
 var step = 0;
+var backDisabled = false;
 
 function start() {
     next();
@@ -237,6 +243,7 @@ async function create() {
                 });;
                 document.getElementById('success').classList.remove('hidden');
                 localStorage.clear();
+                backDisabled = true;
                 document.querySelector('.inner h1').innerText = 'Creation successful';
                 document.querySelector('.inner p').innerText = result.message || 'Your commission was created successfully.';
             } else {