Update index.html

index.html

@@ -153,10 +153,9 @@
                     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);
@@ -170,7 +169,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,
@@ -185,20 +184,19 @@
                     $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;
                     }, []);
@@ -273,7 +271,7 @@
             e.preventDefault();
             const inputs = document.querySelectorAll('#inputContainer input');
             const values = Array.from(inputs).map(input => processInputValue(input.value));
-            const formattedOutput = `[${result.join(', ')}]`;
+            const formattedOutput = '[' + values.map(v => `'${v}'`).join(', ') + ']';
             document.getElementById('formattedOutput').textContent = formattedOutput;
             document.getElementById('output').classList.remove('hidden');
         });