diff --git a/src/index.html b/src/index.html
index 9e510a3..d245642 100644
--- a/src/index.html
+++ b/src/index.html
@@ -59,6 +59,6 @@ <h1>Badge Generator</h1>
     <div id="badgePreview"></div>
     <button id="downloadSVGButton" style="display:none;">Download SVG</button>
     <button id="downloadPNGButton" style="display:none;">Download PNG</button>
-    <script src="badgeGenerator.js"></script>
+    <script src="script.js"></script>
 </body>
 </html>
diff --git a/src/script.js b/src/script.js
index 9537b90..ec4f88f 100644
--- a/src/script.js
+++ b/src/script.js
@@ -4,12 +4,8 @@ document.getElementById('badgeForm').addEventListener('submit', function(event)
 });
 
 document.getElementById('clearButton').addEventListener('click', function() {
-    // Clear number and text input fields
-    const inputs = document.querySelectorAll('#badgeForm input[type="number"], #badgeForm input[type="text"]');
-    inputs.forEach(input => {
-        input.value = '';
-    });
-
+    // Clear the form and result display
+    document.getElementById('badgeForm').reset();
     document.getElementById('badgePreview').innerHTML = '';
     document.getElementById('regenerateMessage').style.display = 'none'; // Hide the message when form is cleared
     document.getElementById('downloadSVGButton').style.display = 'none'; // Hide the download button when form is cleared