print json in html

andritowmega · Jan 9, 2024 · 2e9265a · 2e9265a
1 parent 11c588a
commit 2e9265a
Showing 1 changed file with 26 additions and 1 deletion.
diff --git a/js/1.1/easyfetch.js b/js/1.1/easyfetch.js
@@ -109,6 +109,31 @@ class EasyFetch {
       }
       return "";
     }
+    printJSONinHTML(jsonObj, parentElement) {
+            var outputHTML = '<ul>';
+
+            for (var key in jsonObj) {
+                if (jsonObj.hasOwnProperty(key)) {
+                    outputHTML += '<li>';
+                    outputHTML += '<strong>' + key + ':</strong> ';
+
+                    if (typeof jsonObj[key] === 'object') {
+                        // Recursivamente imprimir sub-objetos
+                        imprimirJSONenHTML(jsonObj[key], outputHTML);
+                    } else {
+                        // Imprimir valores simples
+                        outputHTML += jsonObj[key];
+                    }
+
+                    outputHTML += '</li>';
+                }
+            }
+
+            outputHTML += '</ul>';
+
+            // Agregar HTML al elemento padre
+            parentElement.innerHTML = outputHTML;
+        }
   }
   let easyFetch = new EasyFetch();
-
+