|
@@ -113,4 +113,20 @@ for(let i = 0; i < persons.length; i++) {
|
|
htmlOptional += '</tr>'
|
|
htmlOptional += '</tr>'
|
|
}
|
|
}
|
|
htmlOptional += '</table>'
|
|
htmlOptional += '</table>'
|
|
-document.write(htmlOptional)
|
|
|
|
|
|
+document.write(htmlOptional)
|
|
|
|
+
|
|
|
|
+// blue belt
|
|
|
|
+class Markup {
|
|
|
|
+ constructor(tagName, [...nestedTags]=[],{...attrs}={},text='') {
|
|
|
|
+ this.tagName = tagName,
|
|
|
|
+ this.nestedTags = nestedTags
|
|
|
|
+ this.attrs = attrs
|
|
|
|
+ this.text = text
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+//let md = new Markup('body', [[123],[123]], {a:228, b:1337}, 'sometext')
|
|
|
|
+let md = new Markup('body', [new Markup('h1',[],{},'header text')],{style:'background-color: red'}, '')
|
|
|
|
+let md2 = new Markup('body', [new Markup('h2')],{style:'background-color: red'}, '')
|
|
|
|
+let md3 = new Markup('table', [new Markup('tr', [new Markup('td',[],{},'sometext'),new Markup('td',[],{},'sometext') ])])
|
|
|
|
+console.dir(md3)
|