Update index.html

index.html

@@ -134,7 +134,7 @@
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
     <script>
-        $(document).ready(function() {
+$(document).ready(function() {
             let isResultShown = false;
             let facetData = [];
             $('#submit').click(function() {
@@ -153,9 +153,10 @@
                     alert('Invalid facet format. Please check your input and try again.');
                 }
             });
+
             function generateBoxes(facetObj, method) {
                 const $dynamicBoxes = $('#dynamicBoxes').empty();
-
+                
                 if (method === 'v1') {
                     Object.entries(facetObj).forEach(([key, values]) => {
                         createBox(key, values);
@@ -169,7 +170,7 @@
                 function createBox(key, values, index = null) {
                     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($('<h2>').addClass('text-xl font-semibold').text(`'${key}'`))
                         .append($('<input>').attr({
                             type: 'checkbox',
                             name: key,
@@ -184,19 +185,20 @@
                     $dynamicBoxes.append($box);
                 }
             }
+
             $('#getList').click(function() {
                 const processingMethod = $('input[name="processingMethod"]:checked').val();
                 let result;
                 if (processingMethod === 'v1') {
                     result = $('input[type="checkbox"]:checked').map(function() {
-                        return this.name;
+                        return `'${this.name}'`;
                     }).get();
                 } else {
                     result = facetData.reduce((acc, facetObj, index) => {
                         const [key] = Object.keys(facetObj);
                         const $categoryCheckbox = $(`input[type="checkbox"][data-index="${index}"]`);
                         if ($categoryCheckbox.is(':checked')) {
-                            acc.push(key);
+                            acc.push(`'${key}'`);
                         }
                         return acc;
                     }, []);
@@ -217,7 +219,6 @@
                 isResultShown = false;
             }
         });
-
         // Add input field
         function addInput() {
             const container = document.getElementById('inputContainer');