Vladislav_Postnikov
/
HomeWork1


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
							<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<div id="container"></div>
	<script>
//----------3 persons --- different fields --- fields check
			/*let a={
				name:'John',
				surname:'Johnson'
			};

			let b={
				name:"Ivan",
				surname:"Ivanov"
			};

			let c={
				name:'Kevin',
				surname:"McKalister"
			};

			a.sex='man';
			a.age=17;
			b.fathername='Jonson';
			c.age=19;

			let key =prompt('','');

			if(key in a){
				alert(a[key]);
			}*/

//----------array of persons 
/*			let a={
				name:'John',
				surname:'Johnson'
			};

			let b={
				name:"Ivan",
				surname:"Ivanov"
			};

			let c={
				name:'Kevin',
				surname:"McKalister"
			};

			let persons=[a,b,c];

			persons.push({name:"Frank", surname:'Lampard'});
			
	//loop of persons
			for(let item of persons){
				console.log(item);
			}

	//loop of name and surname
			for(let item of persons){
				console.log(item.name+" "+item.surname);
			}


	//loop of loop of values
			for(let item of persons){
				for(let name of Object.values(item)){
					console.log(name);
				}
			}

	//fullName
			for(let item of persons){
				item.fullName=item.name+" "+item.surname;
				console.log(item.fullName);
			}
			console.log(persons);

	//serialize
			let json=JSON.stringify(persons,null,2);
			console.log(json);

	//deserialize
			let d=JSON.parse(json)[0];
			console.log(d);
			persons.push(d);
			console.log(persons);*/
			
//----------HTML
			/*let str = "<table border='1'><tr><td>Имя</td><td>Фамилия</td></tr>";
			for (let i=0;i<persons.length;i++){

				let g=persons[i];
    			str += `<tr><td>${g.name}</td><td>${g.surname}</td></tr>`;
			}
			str += "</table>";
			document.write(str);*/

//----------HTML optional fields --- HTML tr color
			/*
			let str = "<table border='1'>";
			for (let i=0;i<persons.length;i++){
				
				let g=persons[i];
				if(i%2){
					str+="<tr bgcolor='yellow'>";
				}else{
					str+='<tr>';
				}
				for(let item in g){
					if(item){
						str+=`<td>${item}: ${g[item]}</td>`;
					}
				}
				str+='</tr>';
			}
			str += "</table>";
			document.write(str);*/

//---------HTML th optional
			/*persons[2].age=19;
			persons[3].age=27;
			persons[3].sex='man';
			let keys=[];
			for(let item of persons){
				for(let i of Object.keys(item)){
					if(!keys.includes(i)){
						keys.push(i);
					}
				}
			}
			console.log(keys);
			let str = "<table border='1'><tr>";
			for(let i of keys){
				str+=`<th>${i}</th>`;
			}
			str+='</tr>';

			for(let item of persons){
				str+='<tr>';
				for(let it in item){
					for(let i=0;i<keys.length;i++){
						if(keys[i]==it){
							str+=`<td bgcolor='yellow'>${item[it]}</td>`;
						}	
					}
				}
				str+='</tr>';
			}
			document.write(str);*/

//----------Blue belt
			var someTree = {
    		tagName: "table", 
    		subTags: [ 
        		{
                    tagName: "tr",
                    subTags: [
                        {
                           	tagName: "td",
                            text: "some text",
                        },
                        {
                            tagName: "td",
                            text: "some text 2",
                        }
                    ]
        		}
    		],
    		attrs: {
        		border: 1,
    		},
		}

			container.innerHTML=createHTML(someTree);

			function createHTML(obj){

				for(let i in obj){
					let tag=document.createElement(obj.tagName);
					if(i==subTags){
						for(let item of subTags){
							let tag2=document.createElement(item[0].tagName);
							tag.append()

							if(item[0].subTags){
								
							}
						}
					}
					
					
					tag.append()
				}
			}

			
	</script>

</body>
</html>