Update index.html

index.html

@@ -77,25 +77,21 @@
     <script>
         $(document).ready(function() {
             let isResultShown = false;
-
             $('#submit').click(function() {
                 const query = $('#query').val();
                 const givenFacet = $('#given_facet').val();
-
                 try {
                     const facetObj = eval('(' + givenFacet + ')');
                     generateBoxes(facetObj);
+                    resetResult();
                 } catch (error) {
                     alert('Invalid facet format. Please enter a valid Python dictionary.');
                 }
             });
-
             function generateBoxes(facetObj) {
                 const $dynamicBoxes = $('#dynamicBoxes').empty();
-
                 Object.entries(facetObj).forEach(([key, values]) => {
                     const $box = $('<div>').addClass('bg-white rounded-lg shadow-md p-6 fade-in');
-
                     const $title = $('<div>').addClass('flex items-center justify-between mb-4')
                         .append($('<h2>').addClass('text-xl font-semibold').text(`'${key}'`))
                         .append($('<input>').attr({
@@ -103,27 +99,22 @@
                             name: key,
                             class: 'form-checkbox h-5 w-5 text-blue-600'
                         }));
-
                     const $content = $('<div>').addClass('space-y-2');
                     values.forEach(value => {
                         $content.append($('<p>').addClass('text-gray-600').text(value));
                     });
-
                     $box.append($title).append($content);
                     $dynamicBoxes.append($box);
                 });
             }
-
             $('#getList').click(function() {
                 const checkedBoxes = $('input[type="checkbox"]:checked').map(function() {
                     return `'${this.name}'`;
                 }).get();
-
                 const result = `[${checkedBoxes.join(', ')}]`;
                 $('#result').text(result).addClass('fade-in');
                 isResultShown = true;
             });
-
             $('#reset').click(function() {
                 $('input[type="checkbox"]').prop('checked', false);
                 if (isResultShown) {
@@ -131,6 +122,10 @@
                     isResultShown = false;
                 }
             });
+            function resetResult() {
+                $('#result').text('').removeClass('fade-in');
+                isResultShown = false;
+            }
         });
     </script>
 </body>