Browse Source

<HW5>upd done

Mark 1 year ago
parent
commit
875da83ec1
1 changed files with 38 additions and 0 deletions
  1. 38 0
      05/main.js

+ 38 - 0
05/main.js

@@ -282,6 +282,44 @@ document.write(str)
 // HTML th optional///////////////////////////
 
 
+// Задание на синий пояс.
+// Сделать HTML-конструктор из деревянной структуры, которая была на прошлом занятии:
+var someTree = {
+   tagName: "table", //html tag
+   subTags: [ //вложенные тэги
+      {
+         tagName: "tr",
+         subTags: [
+            {
+               tagName: "td",
+               text: "some text",
+            },
+            {
+               tagName: "td",
+               text: "some text 2",
+            }
+         ]
+      }
+   ],
+   attrs:
+   {
+      border: 1,
+   },
+}
+
+let table = `<${someTree.tagName} ${Object.keys(someTree.attrs)}=${Object.values(someTree.attrs)}>`
+for (let subTag of someTree.subTags) {
+   table += `<${subTag.tagName}>`
+   for (let innerTag of subTag.subTags) {
+      table += `<${innerTag.tagName}>${innerTag.text}</${innerTag.tagName}>`
+   }
+   table += `</${subTag.tagName}>`
+}
+table += `</${someTree.tagName}>`
+console.log(table)
+document.write(table)
+
+
 
 // destruct array////////////////////////////
 let arr = [1, 2, 3, 4, 5, "a", "b", "c"]