HW6 blackbelt done

homework6js/1/bluebelt.html

@@ -32,18 +32,44 @@
 var table = someTree.tagName
 var tdchki = someTree.subTags[0].subTags
 var value = Object.keys(someTree.attrs)[0]
- var jsonString = "<" + table + " " + value + `= ` + someTree.attrs.border +`>\n<`
-  + someTree.subTags[0].tagName + ">\n<" 
-  + tdchki[0].tagName + ">\n"
-  + tdchki[0].text + "\n</"
-  + tdchki[0].tagName + ">\n<" 
-  + tdchki[1].tagName + ">\n" 
-  + tdchki[1].text + "\n</"
-  + tdchki[1].tagName + ">\n</"
-  + someTree.subTags[0].tagName 
-  + ">\n</" + table + ">"
-   console.log(jsonString)
-   document.write(jsonString)
+debugger
+function toHtml(obj) {
+
+    var element = document.createElement(obj.tagName);
+    
+    if (obj.text !== undefined) {
+        element.innerHTML = obj.text          
+    }
+
+    if (undefined !== obj.attrs) {
+        for (let key in obj.attrs)  {
+            element[key] = obj.attrs[key]
+        }
+    }
+        
+    if (obj.subTags !== undefined) {
+        for (let i = 0; i < obj.subTags.length; i++) {
+            element.appendChild(toHtml(obj.subTags[i]));
+        }
+    }
+
+    return element;
+}
+
+document.body.appendChild(toHtml(someTree));
+
+//  var jsonString = "<" + table + " " + value + `= ` + someTree.attrs.border +`>\n<`
+//   + someTree.subTags[0].tagName + ">\n<" 
+//   + tdchki[0].tagName + ">\n"
+//   + tdchki[0].text + "\n</"
+//   + tdchki[0].tagName + ">\n<" 
+//   + tdchki[1].tagName + ">\n" 
+//   + tdchki[1].text + "\n</"
+//   + tdchki[1].tagName + ">\n</"
+//   + someTree.subTags[0].tagName 
+//   + ">\n</" + table + ">"
+//    console.log(jsonString)
+//    document.write(jsonString)
     </script>
 </body>
 </html>